Skip to content

Commit 95253f0

Browse files
alieldebaalieldeba
committed
adding all pages and compleeting header
1 parent 9ef2ddf commit 95253f0

File tree

30 files changed

+118
-29
lines changed

30 files changed

+118
-29
lines changed

‎.prettierrc.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
module.exports = {
22
trailingComma: "es5",
3-
tabWidth: 4,
4-
semi: false,
5-
singleQuote: true,
6-
};
3+
tabWidth: 2,
4+
semi: true,
5+
singleQuote: false,
6+
};

‎gulpfile.js‎

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ var livereload = require("gulp-livereload");
1414
gulp.task("html", () => {
1515
require("./server.js");
1616
return gulp
17-
.src("./project/html/*.pug", "./project/html/pages/*.pug")
17+
.src(["./project/html/*.pug", "./project/html/pages/*.pug"])
1818
.pipe(pug({ pretty: false }))
1919
.pipe(gulp.dest("./website"))
2020
.pipe(livereload());
@@ -24,7 +24,7 @@ gulp.task("html", () => {
2424
gulp.task("styles", () => {
2525
require("./server.js");
2626
return gulp
27-
.src("./project/css/main.scss")
27+
.src(["./project/css/*.scss", "./project/css/**/*.scss"])
2828
.pipe(sass())
2929
.pipe(prefix("last 2 versions"))
3030
.pipe(concat("style.css"))
@@ -61,14 +61,17 @@ gulp.task("functionalty", () => {
6161
// Watch Task (Main Task)
6262
gulp.task("watch", () => {
6363
require("./server.js");
64+
livereload.listen();
6465
gulp.watch(
6566
["./project/html/*.pug", "./project/html/**/*.pug"],
6667
gulp.series("html")
6768
);
69+
6870
gulp.watch(
69-
["./project/css/**.scss", "./project/css/**.scss"],
71+
["./project/css/*.scss", "./project/css/**/*.scss"],
7072
gulp.series("styles")
7173
);
74+
7275
gulp.watch(
7376
[
7477
"./project/js/*.js",
@@ -77,5 +80,6 @@ gulp.task("watch", () => {
7780
],
7881
gulp.series("scripts")
7982
);
83+
8084
gulp.watch("./project/js/functionalty.js", gulp.series("functionalty"));
8185
});

‎project/css/_global.scss‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,4 +2,11 @@
22
margin: 0;
33
padding: 0;
44
box-sizing: border-box;
5-
}
5+
}
6+
body {
7+
font-family: "Cairo", sans-serif;
8+
}
9+
a {
10+
text-decoration: none !important;
11+
color: black !important;
12+
}

‎project/css/layouts/header.scss‎

Lines changed: 34 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,53 @@
1+
@import "../library/variables";
12
nav {
3+
background-color: $js;
24
.container {
35
display: flex;
46
align-items: center;
57
justify-content: space-between;
8+
height: fit-content;
69
.logo {
710
width: 30px;
11+
font-weight: bold;
12+
cursor: pointer;
13+
color: #000;
14+
}
15+
img {
16+
display: none !important;
17+
width: 30px;
18+
cursor: pointer;
819
}
920
ul {
1021
display: flex;
22+
justify-content: center;
1123
list-style-type: none;
24+
height: 100%;
25+
position: relative;
1226
li {
13-
margin: 0 15px;
27+
margin: 10px 15px 0;
1428
text-transform: capitalize;
29+
cursor: pointer;
1530
&:hover {
16-
color: red;
31+
color: #fff;
32+
a {
33+
height: 100%;
34+
width: 100%;
35+
color: #fff !important;
36+
}
1737
}
1838
}
1939
}
2040
}
2141
}
42+
@media (max-width: 768px) {
43+
nav {
44+
.container {
45+
img {
46+
display: block !important;
47+
}
48+
ul {
49+
display: none !important;
50+
}
51+
}
52+
}
53+
}

‎project/css/library/_variables.scss‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
$js: #efd81d;
2+
3+
$gold: #ffd32a;
4+
$goldAlt: #ffdd59;

‎project/css/main.scss‎

Lines changed: 14 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,17 @@
11
// This File Only For Calling Files
2-
3-
// Importing
4-
@import "./global";
2+
// Google Fonts
3+
@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700&display=swap");
4+
// Importing Global Rules
5+
@import "./global.scss";
6+
// Importing Layouts
57
@import "./layouts/header.scss";
8+
@import "./layouts/footer.scss";
9+
// Importing Libraries
10+
@import "./library/variables";
11+
@import "./library/mixins.scss";
612
@import "./library/loading.scss";
13+
// Importing Pages
14+
@import "./pages/home.scss";
15+
@import "./pages/about.scss";
16+
@import "./pages/docs.scss";
17+
@import "./pages/contact.scss";

‎project/html/layouts/header.pug‎

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,10 @@
1-
nav
1+
nav.navbar.navbar-dark
22
.container
3-
img(class="logo" src="../assets/images/logo.png")
3+
h2.logo: a(href="home.html") functionalty.js
4+
img(src="assets/svg/bar.svg" id="bar")
45
ul
5-
li quick start
6-
li docs
7-
li examples
8-
li support
6+
li: a(href="home.html") home
7+
li: a(href="start.html") quick start
8+
li: a(href="docs.html") docs
9+
li: a(href="api.html") API
10+
li: a(href="contact.html") contact

‎project/html/library/links.pug‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ html(lang="en")
88
link(rel="stylesheet", href="css/normalize.min.css")
99
link(rel="stylesheet", href="css/style.css")
1010
link(rel="stylesheet", href="css/bootstrap.min.css")
11-
link(rel="icon", href="../assets/images/logo.png")
11+
link(rel="stylesheet", href="css/all.min.css")
12+
link(rel="icon", href="fav.png")
1213
title=title
1314
body

‎project/html/library/scripts.pug‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,2 @@
1-
script(src="http://localhost:35729/livereload.js")
1+
script(src="http://localhost:35729/livereload.js")
2+
script(src="js/main.js")

‎project/html/pages/404.pug‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,3 @@
11
include ../library/links.pug
2-
include ../library/scripts.pug
2+
include ../layouts/header.pug
3+
include ../library/scripts.pug

0 commit comments

Comments
 (0)