forked from aaranxu/tale-zola
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Deploy semanticdata/zola-tale to semanticdata/zola-tale:gh-pages
- Loading branch information
GitHub Actions
committed
Sep 27, 2023
0 parents
commit 1268ec0
Showing
27 changed files
with
4,027 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,240 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
|
|
||
|
|
||
| <title>404 | Miguel Pimentel</title> | ||
|
|
||
|
|
||
|
|
||
| <meta property="og:title" content="404"> | ||
|
|
||
|
|
||
|
|
||
| <meta name="author" content="Miguel Pimentel"> | ||
|
|
||
|
|
||
| <meta property="og:locale" content="en_US"> | ||
|
|
||
|
|
||
| <meta name="description" content="I'm Miguel—hobby developer, music enjoyer, and public infrastructure enthusiast."> | ||
| <meta property="og:description" content="I'm Miguel—hobby developer, music enjoyer, and public infrastructure enthusiast."> | ||
|
|
||
|
|
||
|
|
||
| <link rel="canonical" href="https://semanticdata.github.io/zola-tale/404.html"> | ||
| <meta property="og:url" content="https://semanticdata.github.io/zola-tale/404.html"> | ||
|
|
||
|
|
||
|
|
||
| <meta property="og:site_name" content="Miguel Pimentel" /> | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| <meta name="twitter:card" content="summary"> | ||
|
|
||
|
|
||
|
|
||
| <meta property="twitter:title" content="404"> | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| <script type="application/ld+json"> | ||
| { | ||
| "author": { | ||
| "@type":"Person", | ||
| "name":"Miguel Pimentel", | ||
| }, | ||
| "description": "I'm Miguel—hobby developer, music enjoyer, and public infrastructure enthusiast.", | ||
| "url": "https://semanticdata.github.io/zola-tale/404.html", | ||
| "@context":"https://schema.org", | ||
| "@type": "WebPage", | ||
| "headline": "404" | ||
|
|
||
| } | ||
| </script> | ||
|
|
||
| <link rel="stylesheet" href="https://semanticdata.github.io/zola-tale/main.css"> | ||
| <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i,700"> | ||
|
|
||
| <link rel="icon" type="image/png" sizes="32x32" href="https://semanticdata.github.io/zola-tale/assets/favicon-32x32.png"> | ||
| <link rel="icon" type="image/png" sizes="16x16" href="https://semanticdata.github.io/zola-tale/assets/favicon-16x16.png"> | ||
| <link rel="apple-touch-icon" sizes="180x180" href="https://semanticdata.github.io/zola-tale/assets/apple-touch-icon.png"> | ||
|
|
||
|
|
||
| <link type="application/atom+xml" rel="alternate" href="https://semanticdata.github.io/zola-tale/atom.xml" title="Miguel Pimentel" /> | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| </head> | ||
|
|
||
| <body> | ||
|
|
||
| <nav class="nav"> | ||
| <div class="nav-container"> | ||
| <a href="https://semanticdata.github.io/zola-tale/"> | ||
| <h2 class="nav-title">Miguel Pimentel</h2> | ||
| </a> | ||
| <ul> | ||
|
|
||
|
|
||
| <li><a href="https://semanticdata.github.io/zola-tale">Archive</a></li> | ||
|
|
||
| <li><a href="https://semanticdata.github.io/zola-tale/tags">Tags</a></li> | ||
|
|
||
| <li><a href="https://semanticdata.github.io/zola-tale/about">About</a></li> | ||
|
|
||
|
|
||
| <li> | ||
|
|
||
| <div class='darkmode'> | ||
| <input class='toggle' id='darkmode-toggle' type='checkbox' tabindex="-1"> | ||
| <label id="toggle-label-light" for='darkmode-toggle' tabindex="-1"> | ||
| <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="dayIcon" | ||
| x="0px" y="0px" viewBox="0 0 35 35" style="enable-background:new 0 0 35 35;" xml:space="preserve"> | ||
| <title>Change to light mode</title> | ||
| <path | ||
| d="M6,17.5C6,16.672,5.328,16,4.5,16h-3C0.672,16,0,16.672,0,17.5 S0.672,19,1.5,19h3C5.328,19,6,18.328,6,17.5z M7.5,26c-0.414,0-0.789,0.168-1.061,0.439l-2,2C4.168,28.711,4,29.086,4,29.5 C4,30.328,4.671,31,5.5,31c0.414,0,0.789-0.168,1.06-0.44l2-2C8.832,28.289,9,27.914,9,27.5C9,26.672,8.329,26,7.5,26z M17.5,6 C18.329,6,19,5.328,19,4.5v-3C19,0.672,18.329,0,17.5,0S16,0.672,16,1.5v3C16,5.328,16.671,6,17.5,6z M27.5,9 c0.414,0,0.789-0.168,1.06-0.439l2-2C30.832,6.289,31,5.914,31,5.5C31,4.672,30.329,4,29.5,4c-0.414,0-0.789,0.168-1.061,0.44 l-2,2C26.168,6.711,26,7.086,26,7.5C26,8.328,26.671,9,27.5,9z M6.439,8.561C6.711,8.832,7.086,9,7.5,9C8.328,9,9,8.328,9,7.5 c0-0.414-0.168-0.789-0.439-1.061l-2-2C6.289,4.168,5.914,4,5.5,4C4.672,4,4,4.672,4,5.5c0,0.414,0.168,0.789,0.439,1.06 L6.439,8.561z M33.5,16h-3c-0.828,0-1.5,0.672-1.5,1.5s0.672,1.5,1.5,1.5h3c0.828,0,1.5-0.672,1.5-1.5S34.328,16,33.5,16z M28.561,26.439C28.289,26.168,27.914,26,27.5,26c-0.828,0-1.5,0.672-1.5,1.5c0,0.414,0.168,0.789,0.439,1.06l2,2 C28.711,30.832,29.086,31,29.5,31c0.828,0,1.5-0.672,1.5-1.5c0-0.414-0.168-0.789-0.439-1.061L28.561,26.439z M17.5,29 c-0.829,0-1.5,0.672-1.5,1.5v3c0,0.828,0.671,1.5,1.5,1.5s1.5-0.672,1.5-1.5v-3C19,29.672,18.329,29,17.5,29z M17.5,7 C11.71,7,7,11.71,7,17.5S11.71,28,17.5,28S28,23.29,28,17.5S23.29,7,17.5,7z M17.5,25c-4.136,0-7.5-3.364-7.5-7.5 c0-4.136,3.364-7.5,7.5-7.5c4.136,0,7.5,3.364,7.5,7.5C25,21.636,21.636,25,17.5,25z" /> | ||
| </svg> | ||
| </label> | ||
| <label id="toggle-label-dark" for='darkmode-toggle' tabindex="-1"> | ||
| <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="nightIcon" | ||
| x="0px" y="0px" viewBox="0 0 100 100" style="enable-background='new 0 0 100 100'" xml:space="preserve"> | ||
| <title>Change to dark mode</title> | ||
| <path | ||
| d="M96.76,66.458c-0.853-0.852-2.15-1.064-3.23-0.534c-6.063,2.991-12.858,4.571-19.655,4.571 C62.022,70.495,50.88,65.88,42.5,57.5C29.043,44.043,25.658,23.536,34.076,6.47c0.532-1.08,0.318-2.379-0.534-3.23 c-0.851-0.852-2.15-1.064-3.23-0.534c-4.918,2.427-9.375,5.619-13.246,9.491c-9.447,9.447-14.65,22.008-14.65,35.369 c0,13.36,5.203,25.921,14.65,35.368s22.008,14.65,35.368,14.65c13.361,0,25.921-5.203,35.369-14.65 c3.872-3.871,7.064-8.328,9.491-13.246C97.826,68.608,97.611,67.309,96.76,66.458z" /> | ||
| </svg> | ||
| </label> | ||
| </div> | ||
|
|
||
| <style> | ||
| .darkmode { | ||
| /* float: right; */ | ||
| min-width: 30px; | ||
| position: relative; | ||
| padding: 0.5rem; | ||
| right: 1rem; | ||
|
|
||
| /* @media all and (max-width: 450px) { | ||
| padding: 1em; | ||
| } */ | ||
|
|
||
| &>.toggle { | ||
| display: none; | ||
| box-sizing: border-box; | ||
| } | ||
|
|
||
| & svg { | ||
| opacity: 0; | ||
| position: absolute; | ||
| top: calc(50% - 10px); | ||
| margin: 0 7px; | ||
| width: 20px; | ||
| height: 20px; | ||
| fill: var(--gray); | ||
| transition: opacity 0.1s ease; | ||
| } | ||
| } | ||
|
|
||
| .toggle:checked~label { | ||
| &>#dayIcon { | ||
| opacity: 0; | ||
| } | ||
|
|
||
| &>#nightIcon { | ||
| opacity: 1; | ||
| filter: invert(1); | ||
| } | ||
| } | ||
|
|
||
| .toggle:not(:checked)~label { | ||
| &>#dayIcon { | ||
| opacity: 1; | ||
| } | ||
|
|
||
| &>#nightIcon { | ||
| opacity: 0; | ||
| } | ||
| } | ||
| </style> | ||
|
|
||
| <script> | ||
| const userPref = window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark' | ||
| const currentTheme = localStorage.getItem('theme') ?? userPref | ||
| const syntaxTheme = document.querySelector("#theme-link"); | ||
|
|
||
|
|
||
| if (currentTheme) { | ||
| document.documentElement.setAttribute('saved-theme', currentTheme); | ||
| } | ||
|
|
||
| const switchTheme = (e) => { | ||
| if (e.target.checked) { | ||
| document.documentElement.setAttribute('saved-theme', 'dark'); | ||
| localStorage.setItem('theme', 'dark'); | ||
| } | ||
| else { | ||
| document.documentElement.setAttribute('saved-theme', 'light') | ||
| localStorage.setItem('theme', 'light') | ||
| } | ||
| } | ||
|
|
||
| window.addEventListener('DOMContentLoaded', () => { | ||
| // Darkmode toggle | ||
| const toggleSwitch = document.querySelector('#darkmode-toggle') | ||
|
|
||
| // listen for toggle | ||
| toggleSwitch.addEventListener('change', switchTheme, false) | ||
|
|
||
| if (currentTheme === 'dark') { | ||
| toggleSwitch.checked = true | ||
| } | ||
| }) | ||
|
|
||
| </script> | ||
|
|
||
| </li> | ||
| </ul> | ||
| </div> | ||
| </nav> | ||
|
|
||
|
|
||
| <main> | ||
|
|
||
| <div class="notfound"> | ||
| <h1 class="notfound-error">404: Page not found</h1> | ||
| <div class="notfound-line"></div> | ||
| <p class="notfound-message"> | ||
| Oops! We can't seem to find the page you are looking for. Let's | ||
| <a href="https://semanticdata.github.io/zola-tale/">head back home</a>. | ||
| </p> | ||
| <p></p> | ||
| </div> | ||
|
|
||
| </main> | ||
|
|
||
|
|
||
| <footer> | ||
| <span>© <time datetime="2023-09-27T02:37:06.474948376+00:00">2023</time> Miguel Pimentel. Powered by <a href="https://www.getzola.org">Zola</a> and <a href="https://github.com/aaranxu/tale-zola">Tale</a>.</span> | ||
| </footer> | ||
|
|
||
| </body> | ||
| </html> |
Oops, something went wrong.