Skip to content
This repository was archived by the owner on Feb 19, 2022. It is now read-only.

Commit 7f8f627

Browse files
imfunnieeimfunniee
authored
update 0.1.5
-added UI -fixed bugs -fixed css issues -creating a blog is now easier than ever
1 parent 03cba16 commit 7f8f627

File tree

9 files changed

+318
-12
lines changed

9 files changed

+318
-12
lines changed

‎README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -153,7 +153,7 @@ Blog's default JSON Format
153153
}
154154
```
155155

156-
### Follow me on twitter for more updates [@imfunnieee](https://twitter.com/imfunnieee)
156+
# Follow me on twitter for more updates [@imfunnieee](https://twitter.com/imfunnieee)
157157

158158
# License
159159

‎bin/gitfolio.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
#! /usr/bin/env node
1+
#! /usr/bin/env node
22
/* Argument parser */
33
const program = require("commander");
44

‎package-lock.json‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "gitfolio",
3-
"version": "0.1.4",
4-
"description": "a portfolio website for everyone to showcase your work",
3+
"version": "0.1.5",
4+
"description": "a portfolio website for everyone to showcase their work",
55
"main": "build.js",
66
"bin": "bin/gitfolio.js",
77
"scripts": {

‎ui.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ const { populateCSS, populateConfig } = require("./build");
66
const { updateCommand } = require("./update");
77
const app = express();
88
app.set("view engine", "ejs");
9-
app.use(express.static("views"));
9+
app.use(express.static(__dirname + "/views"));
1010
app.set("views", __dirname + "/views");
1111
app.use(express.json({ limit: "50mb" }));
1212
app.use(express.urlencoded({ limit: "50mb", extended: true }));
@@ -185,7 +185,7 @@ function uiCommand() {
185185
'You need to run build command before accessing blogs<br><a href="/">Go Back</a>'
186186
);
187187
}
188-
fs.readFile("./dist/config.json", function(err, data) {
188+
fs.readFile(`${outDir}/config.json`, function(err, data) {
189189
res.render("blog.ejs", { profile: JSON.parse(data) });
190190
});
191191
});

‎views/blog.ejs‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr"
1616
crossorigin="anonymous"
1717
/>
18-
<link rel="stylesheet" href="../index.css" />
18+
<link rel="stylesheet" type="text/css" href="./css/index.css" />
1919
<link
2020
rel="stylesheet"
2121
href="https://cdn.jsdelivr.net/gh/zeva-ui/zeva/dist/css/zeva.min.css"
@@ -122,7 +122,7 @@
122122
type="text/javascript"
123123
src="https://cdn.jsdelivr.net/gh/zeva-ui/zeva/dist/js/index.min.js"
124124
></script>
125-
<script>
125+
<script type="text/javascript">
126126
var imgElement = document.querySelector("#file");
127127
var topImageElement = document.querySelector("#top_image_file");
128128
var img_number = 0;
@@ -214,7 +214,6 @@
214214
reader.readAsDataURL(e.target.files[0]);
215215
reader.onload = data => {
216216
images.push(data.target.result);
217-
console.log(images);
218217
};
219218
220219
imgElement.value = "";

‎views/css/font/Circular.otf‎

72.8 KB
Binary file not shown.

‎views/css/index.css‎

Lines changed: 299 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,299 @@
1+
@import url("https://fonts.googleapis.com/css?family=Poppins");
2+
@import url("https://fonts.googleapis.com/css?family=Questrial");
3+
4+
@font-face {
5+
font-family: "Circular";
6+
src: url("./font/Circular.otf");
7+
}
8+
9+
body {
10+
margin: 0%;
11+
padding: 0%;
12+
width: 100vw;
13+
max-width: 100vw;
14+
overflow-x: hidden;
15+
align-items: center;
16+
font-family: "Poppins", sans-serif;
17+
background: rgb(250, 250, 250) !important;
18+
will-change: auto;
19+
}
20+
21+
header {
22+
width: 90vw;
23+
padding: 4vh 5vw;
24+
font-weight: bold;
25+
background: rgb(255, 255, 255);
26+
font-size: 32px;
27+
}
28+
29+
header b {
30+
font-family: "Circular", sans-serif;
31+
}
32+
33+
header a {
34+
font-size: 16px;
35+
margin: 1.8vh 0px;
36+
margin-left: 4vw;
37+
color: #000;
38+
text-decoration: none;
39+
transition: 0.4s ease-in-out;
40+
}
41+
42+
header a:hover {
43+
color: #bebebe;
44+
}
45+
46+
form {
47+
width: 90vw;
48+
padding: 2vh 5vw;
49+
}
50+
51+
form .button {
52+
margin: 2vh 0px;
53+
}
54+
55+
.input {
56+
margin: 1.5vh 0px !important;
57+
}
58+
59+
.label {
60+
display: inline-block !important;
61+
margin-right: 25px;
62+
font-weight: bold;
63+
}
64+
65+
button {
66+
transition: 0.4s ease-in-out !important;
67+
}
68+
69+
button:hover {
70+
color: #fff;
71+
background: #000 !important;
72+
}
73+
74+
.-size-small {
75+
margin-right: 1vw !important;
76+
}
77+
78+
#top_image {
79+
width: 100vw;
80+
height: 50vh;
81+
position: absolute;
82+
top: 14vh;
83+
left: 0;
84+
background: linear-gradient(0deg, rgb(250, 250, 250), rgb(200, 200, 200));
85+
background-size: cover !important;
86+
background-repeat: no-repeat !important;
87+
z-index: 1;
88+
text-align: right;
89+
}
90+
91+
#top_image i {
92+
font-size: 20px;
93+
position: absolute;
94+
z-index: 5;
95+
top: 4vh;
96+
right: 5vw;
97+
padding: 15px 15px;
98+
background: #ffffff;
99+
color: rgb(0, 0, 0);
100+
border-radius: 50%;
101+
}
102+
103+
#top_image i:hover {
104+
cursor: pointer;
105+
}
106+
107+
#profile_blog {
108+
width: 60vw;
109+
margin: 0px 20vw;
110+
margin-top: 42vh !important;
111+
text-align: left;
112+
z-index: 1;
113+
transition: 0.4s ease-in-out;
114+
z-index: 2;
115+
position: relative;
116+
}
117+
118+
#profile_img_blog {
119+
border-radius: 50%;
120+
width: 90px;
121+
height: 90px;
122+
background-size: cover !important;
123+
background-repeat: no-repeat;
124+
}
125+
126+
#username_blog {
127+
font-size: 18px;
128+
color: #000;
129+
font-family: "Poppins", sans-serif;
130+
font-weight: bold;
131+
padding-left: 0px;
132+
}
133+
134+
#username_blog span {
135+
font-size: 24px;
136+
font-family: "Questrial", sans-serif !important;
137+
}
138+
139+
#username_blog b {
140+
font-size: 12px;
141+
font-family: "Poppins", sans-serif;
142+
font-weight: bold;
143+
}
144+
145+
#blog-display {
146+
width: 60vw;
147+
margin: 3vh 20vw;
148+
text-align: left;
149+
z-index: 1;
150+
transition: 0.4s ease-in-out;
151+
z-index: 2;
152+
position: relative;
153+
}
154+
155+
#blog_title {
156+
font-size: 50px;
157+
color: #000;
158+
font-weight: bold;
159+
font-family: "Questrial", sans-serif;
160+
background: transparent;
161+
border: 0px;
162+
width: 100%;
163+
resize: none;
164+
height: auto;
165+
overflow-y: hidden;
166+
}
167+
168+
#blog_sub_title {
169+
font-size: 36px;
170+
color: rgb(100, 100, 100);
171+
font-weight: bold;
172+
font-family: "Questrial", sans-serif;
173+
background: transparent;
174+
border: 0px;
175+
width: 100%;
176+
resize: none;
177+
height: auto;
178+
overflow-y: hidden;
179+
}
180+
181+
#blog_sub_title::placeholder {
182+
color: rgb(100, 100, 100);
183+
}
184+
185+
#blog-display h2 {
186+
color: var(--blog-gray-color);
187+
}
188+
189+
#blog-display {
190+
padding: 1vh 0px;
191+
font-family: "Questrial", sans-serif;
192+
}
193+
194+
.div_for_buttons {
195+
margin-top: 5vh;
196+
}
197+
198+
.para {
199+
font-size: 17px;
200+
line-height: 25px;
201+
word-spacing: 1.2px;
202+
margin: 5vh 0px;
203+
background: transparent;
204+
border: 0px;
205+
width: 100%;
206+
font-family: "Questrial", sans-serif;
207+
resize: none;
208+
height: auto;
209+
overflow-y: hidden;
210+
}
211+
212+
.para span {
213+
padding: 2px 4px;
214+
background: #000;
215+
color: #fff !important;
216+
}
217+
218+
#blog {
219+
margin-top: 2vh;
220+
}
221+
222+
#blog img {
223+
width: 100%;
224+
margin: 2vh 0px;
225+
border-radius: 5px;
226+
border: 1px solid rgb(0, 0, 0, 0.08);
227+
}
228+
229+
.remove {
230+
margin-bottom: 2vh 0px;
231+
font-weight: bold;
232+
transition: 0.4s ease-in-out;
233+
font-size: 16px;
234+
}
235+
236+
.remove i {
237+
font-size: 14px;
238+
margin-right: 3px;
239+
}
240+
241+
.remove:hover {
242+
cursor: pointer;
243+
color: rgb(255, 70, 70);
244+
}
245+
246+
@media (max-width: 800px) {
247+
#blog-display {
248+
width: 90vw;
249+
margin: 0px 5vw;
250+
text-align: left;
251+
margin-top: 0vh;
252+
z-index: 1;
253+
}
254+
255+
#profile_blog {
256+
width: 90vw;
257+
margin: 0px 5vw;
258+
}
259+
260+
#profile_img_blog {
261+
width: 70px;
262+
height: 70px;
263+
}
264+
265+
#blog img {
266+
margin: 1vh 0px !important;
267+
}
268+
269+
#blog p {
270+
margin: 2vh 0px;
271+
}
272+
}
273+
274+
::selection {
275+
color: #fff;
276+
background: #000;
277+
}
278+
279+
::-webkit-scrollbar {
280+
width: 5px;
281+
height: 5px;
282+
}
283+
284+
::-webkit-scrollbar-track {
285+
background: #fff;
286+
}
287+
288+
::-webkit-scrollbar-thumb {
289+
background: #000;
290+
}
291+
292+
input,
293+
textarea:focus {
294+
outline: none;
295+
}
296+
297+
::placeholder {
298+
color: #000;
299+
}

0 commit comments

Comments
 (0)