diff --git a/_layouts/_nav.html b/_layouts/_nav.html new file mode 100644 index 0000000..9d8ac91 --- /dev/null +++ b/_layouts/_nav.html @@ -0,0 +1,80 @@ + +
+
+ + + + + + + + + + + +
+ + +
+
+ + + +
+ + + + +
+ + + {% if page.url != "/" %} + +
+ + + +
+ + {% endif %} + + + + {% if page.url != "/blog/" %} + +
+ + + +
+ + {% endif %} + + +
+ + + +
+ + + +
+ + + +
+ + +
+
+ +
diff --git a/_layouts/default.html b/_layouts/default.html index aeb13f9..7edbaba 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -7,91 +7,79 @@ -
+ + + + +
+ {{ content }}
- -
- -
-
- {{ content }} -
-
- + diff --git a/_layouts/home.html b/_layouts/home.html index 112d8e6..210c010 100644 --- a/_layouts/home.html +++ b/_layouts/home.html @@ -1,32 +1,37 @@ --- layout: default --- -
-
-
- Sameer Rahmani -
+ +
+
+

+ lxsameer +

+

+ Hi! I'm Sameer and I usally write about + technology and software development (hmmm more like nagging instead of writing). +

+
+
+ + + +
+
+

+ Blog Posts: +

+ + {% for post in site.posts %} +
+
+

+ + {{ post.title }} + +

+
-
- -
-
-

Sameer Rahmani

-

Senior Software Engineer

-
-
- -
-
- - - Download My CV - - -
-
- - -{{ content }} - + {% endfor %} +
diff --git a/_layouts/page.html b/_layouts/page.html index 94477f8..a3a29b7 100644 --- a/_layouts/page.html +++ b/_layouts/page.html @@ -4,7 +4,7 @@ theme: dark ---
-
+

{{page.title}}

@@ -70,8 +70,8 @@ theme: dark
- +[]
-
+
diff --git a/_layouts/post.html b/_layouts/post.html index d4d77b5..663039f 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -3,7 +3,7 @@ layout: default ---
-
+
{{ content }}
diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..4ad91c9 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,25 @@ +document.addEventListener('DOMContentLoaded', () => { + + // Get all "navbar-burger" elements + const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0); + + // Check if there are any navbar burgers + if ($navbarBurgers.length > 0) { + + // Add a click event on each of them + $navbarBurgers.forEach( el => { + el.addEventListener('click', () => { + + // Get the target from the "data-target" attribute + const target = el.dataset.target; + const $target = document.getElementById(target); + + // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu" + el.classList.toggle('is-active'); + $target.classList.toggle('is-active'); + + }); + }); + } + +}); diff --git a/assets/styles/web.sass b/assets/styles/web.sass index a52a0ec..22d2207 100644 --- a/assets/styles/web.sass +++ b/assets/styles/web.sass @@ -109,6 +109,11 @@ body.dark .columns.is-flex.centered justify-content: center +.text-centered + text-align: center + +.text-justified + text-align: justify .cv-button margin-top: 3rem @@ -134,3 +139,14 @@ ul.details display: inline li.category padding: 0.5em + +.pad + padding-right: 5px + +.navbar-menu + a.navbar-item + color: $purple + +.is-rounded + border-radius: 50% + border: 3px solid darken($purple, 10%) diff --git a/index.md b/index.md index 609b0e9..afd2ec0 100644 --- a/index.md +++ b/index.md @@ -1,5 +1,5 @@ --- layout: home -theme: light +theme: dark home: true ---