Skip to content

Commit 5db2868

Browse files
Arpan-KreetiArp-G
Arpan-Kreeti
authored and
Arp-G
committed
add about page, improve ui and remove live dashboard
1 parent 4317782 commit 5db2868

File tree

11 files changed

+160
-81
lines changed

11 files changed

+160
-81
lines changed

‎apps/csv2sql/config/config.exs

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
use Mix.Config
2+
3+
config :csv2sql, Csv2sql.Repo,
4+
username: "root",
5+
password: "mysql",
6+
database: "myproject_dev",
7+
hostname: "localhost",
8+
show_sensitive_data_on_connection_error: true,
9+
pool_size: 10

‎apps/dashboard/assets/css/about_live.scss

Lines changed: 130 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,130 @@
1+
2+
body {
3+
background-color: #333641;
4+
}
5+
6+
.about-container {
7+
display: flex;
8+
justify-content: center;
9+
margin-top: 80px;
10+
}
11+
12+
.author {
13+
position: absolute;
14+
margin-top: 60px;
15+
color: white;
16+
font-size: 2em;
17+
font-variant: small-caps;
18+
font-style: italic;
19+
}
20+
21+
.author-start{
22+
left: 41%;
23+
}
24+
25+
.author-end{
26+
left: 56%;
27+
}
28+
29+
30+
.about-links {
31+
margin: 200px;
32+
font-size: 2.5em;
33+
text-align: center;
34+
color: white;
35+
}
36+
37+
.about-links ul {
38+
list-style-type: none;
39+
}
40+
41+
.about-links a {
42+
text-decoration: none;
43+
color: white;
44+
}
45+
46+
// Pulsating heart
47+
#heart-wrapper {
48+
position: absolute;
49+
left: 45%;
50+
margin-left: 50px;
51+
margin-top: 50px;
52+
animation:pulse 1s infinite;
53+
}
54+
55+
56+
#pulsingheart {
57+
position: relative;
58+
width: 100px;
59+
height: 90px;
60+
}
61+
62+
#pulsingheart:before, #pulsingheart:after {
63+
position: absolute;
64+
content: "";
65+
left: 50px;
66+
top: 0;
67+
width: 50px;
68+
height: 80px;
69+
background: #aa0000;
70+
border-radius: 50px 50px 0 0;
71+
transform: rotate(-45deg);
72+
transform-origin: 0 100%;
73+
animation:pulsecolor 1s infinite;
74+
}
75+
76+
#pulsingheart:after {
77+
left: 0;
78+
transform: rotate(45deg);
79+
transform-origin :100% 100%;
80+
animation:pulsecolor 1s infinite;
81+
}
82+
83+
@keyframes pulse {
84+
10% {transform: scale(1.1)}
85+
}
86+
87+
@keyframes pulsecolor {
88+
10% {background: #dd0000}
89+
}
90+
// stylish header text
91+
92+
$avatar-size: 32px;
93+
94+
@font-face {
95+
font-family: "ubuntu";
96+
font-style: italic;
97+
font-weight: 300;
98+
src: local("Lato Light Italic"), local("Lato-LightItalic"),
99+
url(https://fonts.gstatic.com/s/ubuntucondensed/v8/u-4k0rCzjgs5J7oXnJcM_0kACGMtT-Dfqw.woff2)
100+
format("woff2");
101+
}
102+
103+
.header-wrapper {
104+
text-align: center;
105+
h1 {
106+
color: #fff;
107+
font-size: 3em;
108+
font-family: "ubuntu";
109+
text-transform: uppercase;
110+
font-weight: 700;
111+
font-family: "Josefin Sans", sans-serif;
112+
background: linear-gradient(to right, #e72a3a 10%, #fff 50%, #5bdaff 60%);
113+
background-size: auto auto;
114+
background-clip: border-box;
115+
background-size: 200% auto;
116+
color: #fff;
117+
background-clip: text;
118+
-webkit-background-clip: text;
119+
-webkit-text-fill-color: transparent;
120+
animation: textclip 1.5s linear infinite;
121+
display: inline-block;
122+
font-style: italic;
123+
}
124+
}
125+
126+
@keyframes textclip {
127+
to {
128+
background-position: 200% center;
129+
}
130+
}

‎apps/dashboard/assets/webpack.config.js

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,8 @@ module.exports = (env, options) => {
1717
},
1818
entry: {
1919
'app': glob.sync('./vendor/**/*.js').concat(['./js/app.js']),
20-
'custom': ['./css/common.scss', './css/main_live.scss', './css/config_live.scss'].concat(glob.sync('./vendor/**/*.css'))
20+
'custom': ['./css/common.scss', './css/main_live.scss', './css/config_live.scss'].concat(glob.sync('./vendor/**/*.css')),
21+
'about': ['./css/about_live.scss']
2122
},
2223
output: {
2324
filename: '[name].js',

‎apps/dashboard/lib/dashboard/application.ex

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,6 @@ defmodule Dashboard.Application do
77

88
def start(_type, _args) do
99
children = [
10-
# Start the Telemetry supervisor
11-
DashboardWeb.Telemetry,
1210
# Start the PubSub system
1311
{Phoenix.PubSub, name: Dashboard.PubSub},
1412
# Start the Endpoint (http/https)

‎apps/dashboard/lib/dashboard_web/endpoint.ex

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -34,10 +34,6 @@ defmodule DashboardWeb.Endpoint do
3434
plug Phoenix.CodeReloader
3535
end
3636

37-
plug Phoenix.LiveDashboard.RequestLogger,
38-
param_key: "request_logger",
39-
cookie_key: "request_logger"
40-
4137
plug Plug.RequestId
4238
plug Plug.Telemetry, event_prefix: [:phoenix, :endpoint]
4339

‎apps/dashboard/lib/dashboard_web/live/about_live.html.leex

Lines changed: 16 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,16 @@
1-
<h1> PLACEHOLDER </h1>
1+
<link rel="stylesheet" href=" <%= Routes.static_path(DashboardWeb.Endpoint, "/css/about.css") %>"/>
2+
<div class="about-container">
3+
<header class="header-wrapper"><h1> csv2sql blazing fast csv to sql loader </h1></div>
4+
<span class="author author-start"> Made with </span>
5+
<section id="heart-wrapper">
6+
<div id="pulsingheart"></div>
7+
</section>
8+
<span class="author author-end"> by Arpan... </span>
9+
<section class="about-links">
10+
<ul>
11+
<li><a href="https://github.com/Arp-G/csv2sql" target="blank"> <i class="fa fa-github-square" aria-hidden="true"></i> Found a bug or want to know more check out the project on github !</a></li>
12+
<li><a href="https://www.linkedin.com/in/arpan-ghoshal-063665142/" target="blank"> <i class="fa fa-linkedin" aria-hidden="true" style="color: #2867B2"></i> Find me on linkedin </a></li>
13+
<li><a href = "mailto: arpanghoshal3@gmail.com" target="blank"><i class="fa fa-envelope" aria-hidden="true" style="color: red"></i> Email </a></li>
14+
</ul>
15+
</section>
16+
</div>

‎apps/dashboard/lib/dashboard_web/router.ex

Lines changed: 0 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -27,20 +27,4 @@ defmodule DashboardWeb.Router do
2727
# scope "/api", DashboardWeb do
2828
# pipe_through :api
2929
# end
30-
31-
# Enables LiveDashboard only for development
32-
#
33-
# If you want to use the LiveDashboard in production, you should put
34-
# it behind authentication and allow only admins to access it.
35-
# If your application does not have an admins-only section yet,
36-
# you can use Plug.BasicAuth to set up some basic authentication
37-
# as long as you are also using SSL (which you should anyway).
38-
if Mix.env() in [:dev, :test] do
39-
import Phoenix.LiveDashboard.Router
40-
41-
scope "/" do
42-
pipe_through :browser
43-
live_dashboard "/dashboard", metrics: DashboardWeb.Telemetry
44-
end
45-
end
4630
end

‎apps/dashboard/lib/dashboard_web/telemetry.ex

Lines changed: 0 additions & 46 deletions
This file was deleted.

‎apps/dashboard/lib/dashboard_web/templates/layout/live.html.leex

Lines changed: 1 addition & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<a href="https://github.com/Arp-G/csv2sql/" class="csv2sql-logo">
44
<img src="<%= Routes.static_path(@socket, "/images/csv2sql.png") %>" alt="csv2sql Logo"/>
55
</a>
6-
<span class="nav-header"> Blazing fast fully automated csv to sql loader</span>
6+
<span class="nav-header"> Blazing fast csv to sql loader</span>
77
<ul class="tab-navbar nav nav-tabs nav-fill">
88
<li class="nav-item">
99
<%= live_patch to: Routes.config_path(@socket, :index),
@@ -17,13 +17,6 @@
1717
<i class="fa fa-bolt" aria-hidden="true"></i> Start!
1818
<% end %>
1919
</li>
20-
<%= if function_exported?(Routes, :live_dashboard_path, 2) do %>
21-
<li class="nav-item">
22-
<%= link to: Routes.live_dashboard_path(@socket, :home), class: "nav-link" do %>
23-
<i class="fa fa-info" aria-hidden="true"></i> LiveDashboard
24-
<% end %>
25-
</li>
26-
<% end %>
2720
<li class="nav-item">
2821
<%= live_patch to: Routes.about_path(@socket, :index),
2922
class: "nav-link #{if @socket.view==DashboardWeb.AboutLive, do: "active", else: ""}" do %>

‎apps/dashboard/lib/dashboard_web/templates/layout/root.html.leex

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,8 @@
55
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
66
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
77
<%= csrf_meta_tag() %>
8-
<%= live_title_tag assigns[:page_title] || "🔥 csv2sql 🔥" %>
8+
<link rel="shortcut icon" type="image/x-icon" href="<%= Routes.static_path(@conn, "/images/title.png") %>" />
9+
<%= live_title_tag assigns[:page_title] || "Csv2Sql" %>
910
<link rel="stylesheet" href="<%= Routes.static_path(@conn, "/css/app.css") %>"/>
1011
<script defer type="text/javascript" src="<%= Routes.static_path(@conn, "/js/app.js") %>"></script>
1112
<link rel="stylesheet" href=" <%= Routes.static_path(@conn, "/css/custom.css") %>"/>

0 commit comments

Comments
 (0)