feat: limit section pages to 5

Signed-off-by: Aaqa Ishtyaq <[email protected]>
aaqaishtyaq · Mar 5, 2024 · 7a986f1 · 7a986f1
1 parent b9eaa19
commit 7a986f1
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 113 deletions.
diff --git a/sass/_colors.scss b/sass/_colors.scss
@@ -1,91 +1,3 @@
-// :root {
-//   --bg_h: #f9f5d7;
-//   --bg: #fbf1c7;
-//   --bg_s: #f2e5bc;
-//   --bg1: #ebdbb2;
-//   --bg2: #d5c4a1;
-//   --bg3: #bdae93;
-//   --bg4: #a89984;
-//   --fg: #282828;
-//   --fg1: #3c3836;
-//   --fg2: #504945;
-//   --fg3: #665c54;
-//   --fg4: #7c6f64;
-//   --red: #9d0006;
-//   --green: #79740e;
-//   --yellow: #b57614;
-//   --blue: #076678;
-//   --purple: #8f3f71;
-//   --aqua: #427b58;
-//   --orange: #af3a03;
-//   --gray: #928374;
-//   --red-dim: #cc2412;
-//   --green-dim: #98971a;
-//   --yellow-dim: #d79921;
-//   --blue-dim: #458598;
-//   --purple-dim: #b16286;
-//   --aqua-dim: #689d6a;
-//   --orange-dim: #d65d0e;
-//   --gray-dim: #7c6f64;
-//   --bgcolor: #f9f5d7;
-//   --fontcolor: #1d2021;
-//   --linkcolor: #b80050;
-//   --hovercolor: #b3004d;
-//   --precolor: #383838;
-//   --prebgcolor: #f9f5d7;
-//   --white: #f9f5d7;
-//   --visitedfg: #53493c;
-//   --visitedbord: #53493c;
-//   --visitedhov: #fdf4c1;
-//   --visitedhovbg: #282828;
-// }
-
-// @media (prefers-color-scheme: dark) {
-//   :root {
-//     --bg_h: #1d2021;
-//     --bg: #282828;
-//     --bg_s: #32302f;
-//     --bg1: #3c3836;
-//     --bg2: #504945;
-//     --bg3: #665c54;
-//     --bg4: #7c6f64;
-//     --fg: #fbf1c7;
-//     --fg1: #ebdbb2;
-//     --fg2: #d5c4a1;
-//     --fg3: #bdae93;
-//     --fg4: #a89984;
-//     --red: #fb4934;
-//     --green: #b8bb26;
-//     --yellow: #fabd2f;
-//     --blue: #83a598;
-//     --purple: #d3869b;
-//     --aqua: #8ec07c;
-//     --gray: #928374;
-//     --orange: #fe8019;
-//     --red-dim: #cc2412;
-//     --green-dim: #98971a;
-//     --yellow-dim: #d79921;
-//     --blue-dim: #458588;
-//     --purple-dim: #b16286;
-//     --aqua-dim: #689d6a;
-//     --gray-dim: #a89984;
-//     --orange-dim: #d65d0e;
-//     --bgcolor: #1d2021;
-//     --fontcolor: #f9f5d7;
-//     --linkcolor: #ffa8ce;
-//     --hovercolor: #b3004d;
-//     --precolor: #f9f5d7;
-//     --prebgcolor: #383838;
-//     --green: #cdcd23;
-//     --yellow: #d79921;
-//     --white: #f9f5d7;
-//     --visitedfg: #c1b7a9;
-//     --visitedbord: #a89984;
-//     --visitedhov: #fdf4c1;
-//     --visitedhovbg: #282828;
-//   }
-// }
-
 :root {
   --bg_h: #ffffff;
   --bg: #ffffff;
@@ -127,6 +39,7 @@
   --visitedhov: #ffffff;
   --visitedhovbg: #1d1f21;
   --title: #1d1f21;
+  // --hackerrank: #62ff87;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -161,7 +74,7 @@
     --orange-dim: #E78C45;
     --bgcolor: #1d2021;
     --fontcolor: #eaeaea;
-    --linkcolor: #f16c9f;
+    --linkcolor: #ff5d9b;
     --hovercolor: #ffa8ce;
     --precolor: #eaeaea;
     --prebgcolor: #383838;
@@ -173,5 +86,6 @@
     --visitedhov: #fdf4c1;
     --visitedhovbg: #282828;
     --title: #eaeaea;
+    // --hackerrank: #62ff87;
   }
-}
+}
diff --git a/sass/theme.scss b/sass/theme.scss
@@ -304,7 +304,7 @@ img {
 
 .image-block {
     filter: grayscale(95%);
-    transition: all .5s;
+    transition: all .4s;
 }
 
 .image-block:hover {
@@ -319,19 +319,7 @@ img {
     display: flex;
     flex-flow: row;
     align-items: stretch;
-    +mobile {
-            flex-direction: column;
-            flex-wrap: wrap;
-            flex-flow: column-reverse;
-        }
 }
-// .head-column .head-row {
-//     flex-basis: 100%;
-// }
-
-// .nav li {
-//     display: inline-block;
-// }
 
 @media (max-width: 1200px) {
     .head-column {

diff --git a/templates/index.html b/templates/index.html
@@ -65,19 +65,23 @@
                     My name is Aaqa Ishtyaq, I'm a Polyglot Software Engineer, with an interest in Distributed Systems
                     and Observability.<br /><br />
                     I've been writing code professionally for 5 years now, and as a hobby, since I was 12. I'm a massive
-                    cyberpunk nerd with an interest in open source and infrastructure. <br /><br />
-                    Currently, I'm in India, working remotely as a Senior Software Engineer at
-                    <a href="https://hackerrank.com">HackerRank</a>. <br /><br />
+                    cyberpunk nerd. I like to read books, take photos, and hike in the mountains near my place. <br /><br />
+                    I'm based out of India, working remotely as a Senior Software Engineer at
+                    <a href="https://hackerrank.com" class="hackerrank-work">HackerRank</a>. I work on their
+                    remote code execution system as part of the skills infrastructure engineering team.<br /><br />
                     The theme of my blog is software engineering, but I tend to derive broader life lessons from my
-                    retrospectives.<br /><br /> <br /><br />
+                    retrospectives.<br />
                 </p>
 
                 <p class="head-row">
-                    {% set image = resize_image(path="static/images/aaqa.png", width=405, height=540, format="webp") %}
+                    {% set image = resize_image(path="static/images/aaqa.png", width=438, height=584, format="webp") %}
                     <img src="{{ image.url }}" class="image-block" />
                 </p>
             </div>
 
+                <p>
+                    Here are some featured posts and pages:
+                </p>
             <ul>
                 {% set index = get_section(path="_index.md") %}
                 {% for s in index.subsections %}
@@ -89,12 +93,16 @@
                 </li>
                 {% if subsection.pages %}
                 <ul>
+                    <!-- https://github.com/getzola/zola/issues/147 -->
+                    {% set limit = 5 %}
                     {% for page in subsection.pages %}
-                    <li class="home-list">
-                        <a href="{{ page.permalink | safe}}">
-                            {{ page.title }}
-                        </a>
-                    </li>
+                        {% if loop.index <= limit %}
+                            <li class="home-list">
+                                <a href="{{ page.permalink | safe}}">
+                                    {{ page.title }}
+                                </a>
+                            </li>
+                        {% endif %}
                     {% endfor %}
                 </ul>
                 {% endif %}