diff options
| -rw-r--r-- | _config.yml | 8 | ||||
| -rw-r--r-- | _layouts/about.html | 26 | ||||
| -rw-r--r-- | _layouts/default.html | 106 | ||||
| -rw-r--r-- | _layouts/page.html | 14 | ||||
| -rw-r--r-- | _layouts/post.html | 52 | ||||
| -rw-r--r-- | index.html | 116 | ||||
| -rw-r--r-- | style.scss | 18 |
7 files changed, 188 insertions, 152 deletions
diff --git a/_config.yml b/_config.yml index db317a7..c5c078d 100644 --- a/_config.yml +++ b/_config.yml @@ -55,6 +55,14 @@ gems: - jekyll-github-metadata - jemoji +pagination: + enabled: true + per_page: 5 + permalink: '/page/:num/' + +plugins: + - jekyll-paginate-v2 + exclude: - Gemfile - Gemfile.lock diff --git a/_layouts/about.html b/_layouts/about.html index 01b92dc..d0bb0fa 100644 --- a/_layouts/about.html +++ b/_layouts/about.html @@ -10,7 +10,7 @@ layout: default <div id="main" role="main" class="main"> <article class="post"> <h1 class="title">{{ page.title }}</h1> - <div class="ascii"> + <div class="ascii"> <pre> _ _ _ _ (_) | | | | | | @@ -21,14 +21,14 @@ layout: default _/ | |__/ </pre> - </div> + </div> <div class="entry"> {{ content }} </div> </article> <hr> <div class="ascii"> - <pre> + <pre> <> .-"""-. ||::::::========== /= ___ \ ||::::::========== @@ -50,26 +50,26 @@ layout: default ( )( ) || ^^~ `""" `""" ~^^^~^^~~~^^^~^^^~^^^~^^~^ </pre> -</div> + </div> </div> <div class="footer-container"> <div class="footer-content"> <p class="muted"> - Questions, comments? Please send a plain-text email to <a href="mailto:root@lunar.sh">root@lunar.sh</a> - with a descriptive subject line and we will try get back to you! + Questions, comments? Please send a plain-text email to <a href="mailto:root@lunar.sh">root@lunar.sh</a> + with a descriptive subject line and we will try get back to you! </p> - <div>Copyright © 2022-2024</div> - <div class="reference"> - <a href="{{ site.github_raw }}/{{ page.path }}">{{ page.path | split: '/' | last}}</a> - </div> + <div>Copyright © 2022-2024</div> + <div class="reference"> + <a href="{{ site.github_raw }}/{{ page.path }}">{{ page.path | split: '/' | last}}</a> + </div> <div> <a href="https://journal.lunar.sh/info.html"> - <img class="greyscale" title="About Us" src="https://journal.lunar.sh/images/megafon.gif"> + <img class="greyscale" title="About Us" src="https://journal.lunar.sh/images/megafon.gif"> </a> </div> <div class="footer-love"> <strong>Developed</strong> with <i class="fas fa-heart"></i> by <a href="https://labs.lunar.sh"><strong>Lunar RF Labs</strong></a> + </div> </div> -</div> -</div> +</div>
\ No newline at end of file diff --git a/_layouts/default.html b/_layouts/default.html index 40ef594..3e16845 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -18,25 +18,25 @@ For inquiries, contact root@lunar.sh. <meta name="author" content="Dylan Müller" /> <meta name="copyright" content="Dylan Müller" /> -<style> -html { - visibility: hidden; - opacity: 0; -} -</style> -<script> - document.fonts.ready.then(() => { - document.documentElement.style.visibility = "visible"; - document.documentElement.style.opacity = "1"; - }); -</script> + <style> + html { + visibility: hidden; + opacity: 0; + } + </style> + <script> + document.fonts.ready.then(() => { + document.documentElement.style.visibility = "visible"; + document.documentElement.style.opacity = "1"; + }); + </script> <script> - console.log("Lunar Journal (c) 2022-2024"); - console.log("https://journal.lunar.sh"); - console.log("email: root@lunar.sh"); - console.log("atom: https://journal.lunar.sh/feed.xml") - console.log(` + console.log("Lunar Journal (c) 2022-2024"); + console.log("https://journal.lunar.sh"); + console.log("email: root@lunar.sh"); + console.log("atom: https://journal.lunar.sh/feed.xml") + console.log(` +---------------------------------------+ | .-. .-. .-. | | / \\ / \\ / \\ + | @@ -61,10 +61,10 @@ html { <script async src="https://www.googletagmanager.com/gtag/js?id=G-JJM07YZF2W"></script> <script> - window.dataLayer = window.dataLayer || []; - function gtag(){dataLayer.push(arguments);} - gtag('js', new Date()); - gtag('config', 'G-JJM07YZF2W'); + window.dataLayer = window.dataLayer || []; + function gtag() { dataLayer.push(arguments); } + gtag('js', new Date()); + gtag('config', 'G-JJM07YZF2W'); </script> <title>Lunar RF Labs | {% if page.title %}{{ page.title }} – {% endif %}{{ site.name }}</title> {% include meta.html %} @@ -73,9 +73,7 @@ html { <meta name="image" property="og:image" content="/images/logo_space.jpg" /> <link rel="icon" href="/assets/lunar.ico" type="image/x-icon"> <link rel="shortcut icon" href="/assets/lunar.ico" type="image/x-icon"> - <link rel="alternate" type="application/rss+xml" - title="RSS" - href="https://journal.lunar.sh/feed.xml"> + <link rel="alternate" type="application/rss+xml" title="RSS" href="https://journal.lunar.sh/feed.xml"> </head> <body> @@ -84,7 +82,7 @@ html { <header class="site-header clearfix"> <div class="site-info"> <h1 class="site-name"><a class="no-decoration" href="{{ site.baseurl }}/"> - journal.lunar.sh<span class="caret"></span></a></h1> + journal.lunar.sh<span class="caret"></span></a></h1> <p class="site-description">{{ site.bio }}</p> </div> <nav> @@ -97,13 +95,14 @@ html { {{ content }} <div id="cookieBanner" class="cookies-banner cookies-banner--position-right"> - <div class="cookies-banner__body"> - <div class="cookies-banner__paragraph"> - <a href="https://labs.lunar.sh">Lunar RF Labs</a>, a radio-frequency IoT design laboratory, presents the <a href="https://journal.lunar.sh">Lunar Journal</a>; - A technical journal for engineers, researchers and hobbiyists. - </div> - <div class="cookies-banner__paragraph"> -<pre> + <div class="cookies-banner__body"> + <div class="cookies-banner__paragraph"> + <a href="https://labs.lunar.sh">Lunar RF Labs</a>, a radio-frequency IoT design laboratory, presents the <a + href="https://journal.lunar.sh">Lunar Journal</a>; + A technical journal for engineers, researchers and hobbiyists. + </div> + <div class="cookies-banner__paragraph"> + <pre> +---------------------------------------+ | .-. .-. .-. | | / \ / \ / \ + | @@ -124,33 +123,34 @@ html { | | +---------------------------------------+ </pre> + </div> </div> + <button id="closeCookieBanner" class="cookies-banner__close-button">[X]</button> </div> - <button id="closeCookieBanner" class="cookies-banner__close-button">[X]</button> -</div> -<script> - function setCookie(name, value, days) { - const expires = new Date(Date.now() + days * 864e5).toUTCString(); - document.cookie = `${name}=${encodeURIComponent(value)}; expires=${expires}; path=/`; - } + <script> + function setCookie(name, value, days) { + const expires = new Date(Date.now() + days * 864e5).toUTCString(); + document.cookie = `${name}=${encodeURIComponent(value)}; expires=${expires}; path=/`; + } - function getCookie(name) { - return document.cookie.split('; ').find(row => row.startsWith(name + '='))?.split('=')[1]; - } + function getCookie(name) { + return document.cookie.split('; ').find(row => row.startsWith(name + '='))?.split('=')[1]; + } - window.addEventListener('DOMContentLoaded', () => { - const banner = document.getElementById('cookieBanner'); + window.addEventListener('DOMContentLoaded', () => { + const banner = document.getElementById('cookieBanner'); - if (!getCookie('cookieBannerDismissed')) { - banner.style.display = 'block'; - } + if (!getCookie('cookieBannerDismissed')) { + banner.style.display = 'block'; + } - document.getElementById('closeCookieBanner').addEventListener('click', () => { - setCookie('cookieBannerDismissed', 'true', 1); // expires in 1 day - banner.remove(); + document.getElementById('closeCookieBanner').addEventListener('click', () => { + setCookie('cookieBannerDismissed', 'true', 1); // expires in 1 day + banner.remove(); + }); }); - }); -</script> + </script> </body> -</html> + +</html>
\ No newline at end of file diff --git a/_layouts/page.html b/_layouts/page.html index f7d23e8..3e2b558 100644 --- a/_layouts/page.html +++ b/_layouts/page.html @@ -3,12 +3,12 @@ layout: default --- <div id="main" role="main" class="main"> -<article class="page"> + <article class="page"> - <h1>{{ page.title }}</h1> + <h1>{{ page.title }}</h1> - <div class="entry"> - {{ content }} - </div> -</article> -</div> + <div class="entry"> + {{ content }} + </div> + </article> +</div>
\ No newline at end of file diff --git a/_layouts/post.html b/_layouts/post.html index 8847c06..cd9295c 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -6,19 +6,19 @@ layout: default <!-- Written by Dylan Müller, Copyright 2023 --> <script> -MathJax = { -options: { - enableMenu: false, - menuOptions: { - settings: { - renderer: 'CHTML', - assistiveMml: false, - collapsible: false, - explorer: false + MathJax = { + options: { + enableMenu: false, + menuOptions: { + settings: { + renderer: 'CHTML', + assistiveMml: false, + collapsible: false, + explorer: false + } } } - } -}; + }; </script> <script src="/assets/js/polyfill.min.js"></script> <script src="/assets/js/clipboard.js" defer></script> @@ -27,8 +27,8 @@ options: { <div id="main" role="main" class="main"> <article class="post"> <h1 class="title">{{ page.title }}</h1> - <div class="ascii"> - <pre> + <div class="ascii"> + <pre> _ _ _ _ (_) | | | | | | _ ___ _ _ _ __ _ __ __ _| | | |_ _ _ __ __ _ _ __ ___| |__ @@ -38,7 +38,7 @@ options: { _/ | |__/ </pre> - </div> + </div> <div class="date"> Written on {{ page.date | date: "%B %e, %Y" }} </div> @@ -49,8 +49,8 @@ options: { </div> </article> <hr> -<div class="ascii"> - <pre> + <div class="ascii"> + <pre> _..._ .' '. _ / .-""-\ _/ \ @@ -68,26 +68,26 @@ options: { jgs \ `\ \ `-._/._/ </pre> -</div> + </div> </div> <div class="footer-container"> <div class="footer-content"> <p class="muted"> - Questions, comments? Please send a plain-text email to <a href="mailto:root@lunar.sh">root@lunar.sh</a> - with a descriptive subject line and we will try get back to you! + Questions, comments? Please send a plain-text email to <a href="mailto:root@lunar.sh">root@lunar.sh</a> + with a descriptive subject line and we will try get back to you! </p> - <div>Copyright © 2022-2024</div> - <div class="reference"> - <a href="{{ site.github_raw }}/{{ page.path }}">{{ page.path | split: '/' | last}}</a> - </div> + <div>Copyright © 2022-2024</div> + <div class="reference"> + <a href="{{ site.github_raw }}/{{ page.path }}">{{ page.path | split: '/' | last}}</a> + </div> <div> <a href="https://journal.lunar.sh/info.html"> - <img class="greyscale" title="About Us" src="https://journal.lunar.sh/images/megafon.gif"> + <img class="greyscale" title="About Us" src="https://journal.lunar.sh/images/megafon.gif"> </a> </div> <div class="footer-love"> <strong>Developed</strong> with <i class="fas fa-heart"></i> by <a href="https://labs.lunar.sh"><strong>Lunar RF Labs</strong></a> + </div> </div> -</div> -</div> +</div>
\ No newline at end of file @@ -1,89 +1,105 @@ --- layout: default +pagination: + enabled: true --- <div id="main" role="main" class="index"> -<div class="posts"> -{% assign sorted_featured = site.featured | sort: 'date' | reverse %} -{% for post in sorted_featured %} - <article class="post"> - <header> - <span title="format: yyyy-mm-dd">{{ post.date | date: "%Y-%m-%d" }} @ journal.lunar.sh</span> - <div> - <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a> - </div> - <div class="excerpt">{{ post.excerpt }}</div> - </header> - </article> - {% endfor %} -<h1 class="title">Other Publications</h1> - {% for post in site.posts %} - <article class="post"> - <header> - <span title="format: yyyy-mm-dd">{{ post.date | date: "%Y-%m-%d" }} @ journal.lunar.sh</span> - <div> - <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></div> - <div class="excerpt">{{ post.excerpt }}</div> - </header> - </article> - {% endfor %} - <hr> -</div> -<h1 class="title">Featured Publications</h1> -<div class="aside-container"> + <div class="posts"> + {% assign sorted_featured = site.featured | sort: 'date' | reverse %} + {% for post in sorted_featured %} + <article class="post"> + <header> + <span title="format: yyyy-mm-dd">{{ post.date | date: "%Y-%m-%d" }} @ journal.lunar.sh</span> + <div> + <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a> + </div> + <div class="excerpt">{{ post.excerpt }}</div> + </header> + </article> + {% endfor %} + <h1 id="pubs" class="title">Other Publications</h1> + {% for post in paginator.posts %} + <article class="post"> + <header> + <span title="format: yyyy-mm-dd">{{ post.date | date: "%Y-%m-%d" }} @ journal.lunar.sh</span> + <div> + <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a> + </div> + <div class="excerpt">{{ post.excerpt }}</div> + </header> + </article> + {% endfor %} + <div class="pagination"> + <span class="page_number "> + Page: <code class="language-plaintext highlighter-rouge">{{ paginator.page }}</code> of <code class="language-plaintext highlighter-rouge">{{ paginator.total_pages }}</code> + </span> + {% if paginator.previous_page %} + <a href="{{ paginator.previous_page_path }}#pubs" class="previous"> + Previous + </a> + {% endif %} + {% if paginator.next_page %} + <a href="{{ paginator.next_page_path }}#pubs" class="next">Next</a> + {% endif %} + </div> + <hr> + </div> + <h1 class="title">Featured Publications</h1> + <div class="aside-container"> <div class="avatar"> <a href="https://www.nasa.gov/mission/apollo-11/"> - <img alt="Lunar Journal Logo" src="{{ site.avatar }}"> + <img alt="Lunar Journal Logo" src="{{ site.avatar }}"> </a> </div> <div class="info"> - <table> - <tbody> + <table> + <tbody> <tr> - <th>email:</th> - <td><a href="mailto:root@lunar.sh">root@lunar.sh</a></td> + <th>email:</th> + <td><a href="mailto:root@lunar.sh">root@lunar.sh</a></td> </tr> <tr> - <th>github:</th> - <td><a href="https://github.com/lunar-rf">lunar-rf</a></td> + <th>github:</th> + <td><a href="https://github.com/lunar-rf">lunar-rf</a></td> </tr> <tr> - <th>linktr.ee:</th> - <td><a href="https://linktr.ee/lunar.sh">lunar.sh</a></td> + <th>linktr.ee:</th> + <td><a href="https://linktr.ee/lunar.sh">lunar.sh</a></td> </tr> <tr> - <th>atom:</th> - <td><a href="https://journal.lunar.sh/feed.xml">feed.xml</a></td> + <th>atom:</th> + <td><a href="https://journal.lunar.sh/feed.xml">feed.xml</a></td> </tr> - </tbody> - </table> + </tbody> + </table> </div> <div class="summary"> {{ site.description | markdownify }} </div> -</div> -<h1 class="title">Lunar Journal</h1> + </div> + <h1 class="title">Lunar Journal</h1> </div> <div class="footer-container"> <div class="footer-content"> <p class="muted"> - Questions, comments? Please send a plain-text email to <a href="mailto:root@lunar.sh">root@lunar.sh</a> - with a descriptive subject line and we will try get back to you! + Questions, comments? Please send a plain-text email to <a href="mailto:root@lunar.sh">root@lunar.sh</a> + with a descriptive subject line and we will try get back to you! </p> <div>Copyright © 2022-2024</div> <div class="revision"> - <a href="{{ site.github.repository_url }}/tree/{{ site.github.build_revision }}"> + <a href="{{ site.github.repository_url }}/tree/{{ site.github.build_revision }}"> {{ site.github.build_revision | truncate: 8, "" }} - </a> + </a> </div> <div> <a href="https://journal.lunar.sh/info.html"> - <img class="greyscale" title="About Us" src="https://journal.lunar.sh/images/megafon.gif"> + <img class="greyscale" title="About Us" src="https://journal.lunar.sh/images/megafon.gif"> </a> </div> <div class="footer-love"> <strong>Developed</strong> with <i class="fas fa-heart"></i> by <a href="https://labs.lunar.sh"><strong>Lunar RF Labs</strong></a> + </div> </div> -</div> -</div> +</div>
\ No newline at end of file @@ -12,7 +12,9 @@ reproduced, or distributed without prior written permission. For inquiries, contact root@lunar.sh. */ -@import "reset"; + +@use "reset"; +@use "highlights"; @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap'); @import "variables"; @@ -99,7 +101,7 @@ h1, h2, h3, h4 { } h1:target, h2:target, h3:target, h4:target { - background: linear-gradient(to right, #c1d6d5 45%, #efefef); + // background: linear-gradient(to right, #c1d6d5 45%, #efefef); } h2 { @@ -891,4 +893,14 @@ code table tr { padding-bottom: 0; } -@import "highlights"; +.previous +{ + margin-left: 5px; +} + +.next +{ + margin-left: 5px; +} + + |