diff options
Diffstat (limited to 'new/splash/pages/index.html.erb')
-rw-r--r-- | new/splash/pages/index.html.erb | 64 |
1 files changed, 38 insertions, 26 deletions
diff --git a/new/splash/pages/index.html.erb b/new/splash/pages/index.html.erb index e5ee6f6..a23c8ff 100644 --- a/new/splash/pages/index.html.erb +++ b/new/splash/pages/index.html.erb @@ -1,4 +1,5 @@ <!DOCTYPE html> + <html lang="en"> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> @@ -10,12 +11,12 @@ <meta property="og:type" content="website"> <meta property="og:url" content="https://crys.site"> <meta property="og:description" content="Michal's personal website"> - <meta name="fediverse:creator" content="@mms@bsd.cafe"> <link rel="me" href="https://mastodon.bsd.cafe/@mms" title="@mms on bsd.cafe"> - <style> body { + margin-top: 20px; + margin-bottom: 20px; text-align: center; background-color: #c2c2c2; background-image: url("<%= process_image(file: "background.png").relative_path %>"); @@ -26,30 +27,30 @@ color: #000; } ol { - padding: 0; + padding: 0; } ol li{ - list-style-type: none; + list-style-type: none; } img.webutton { - border: 0; - text-decoration: none; - color: #c2c2c2; - margin: 10px; + border: 0; + text-decoration: none; + color: #c2c2c2; + padding: 10px; } - + @media (min-resolution: 192dpi) { * { image-rendering: pixelated; } } </style> </head> <body> - <h1>Crys SITE</h1> + <img alt="Crys Site" src="<%= process_image(file: "logo.png").relative_path %>"> <p> Hi! - I'm Michal and this is my personal webpage. + I'm Michal and this is my personal website. </p> <p> @@ -57,7 +58,17 @@ </p> <p> - <b>NOTE: I am not a real <%= not_real %>, and I can be wrong sometimes</b>. + <b>NOTE: I am not a real <span id="notreal"><%= not_real.sample %></span>, and I can be wrong sometimes</b>. + + <script> + let reals = <%= not_real %>; + let real_span = document.getElementById("notreal"); + function newReal() { + let real = reals[Math.floor( Math.random() * reals.length )]; + real_span.innerHTML = real; + } + newReal(); + </script> </p> @@ -72,7 +83,6 @@ <h3>Main sections</h3> - <nav> <ol> <li><a href="/blog">My personal blog</a> @@ -93,7 +103,7 @@ <h3>Projects</h3> <ol> - <li><a href="/projects/chotto">Chotto</a> - a initial tagging system for Notmuch + <li><a href="/projects/chotto">Chotto</a> - an initial tagging system for Notmuch <%= update_badge("chotto")%> </ol> @@ -106,18 +116,18 @@ <h3>Even more</h3> - <ol> - <li><a href="/more/bookmarks/">Bookmarks</a> to cool things on the web - <%= more_update_badge(name: :bookmarks)%> - <li><a href="/more/links/">Links</a> to other sites - <%= more_update_badge(name: :links)%> - <li><a href="/more/irc/">IRC Channel</a> of this site - <li><a href="/more/contact/">Contact</a> - <li><a href="/more/now/">Now</a> - <li><a href="/more/uses/">Uses</a> - </ol> + <ol> + <li><a href="/more/bookmarks/">Bookmarks</a> to cool things on the web + <%= more_update_badge(name: :bookmarks)%> + <li><a href="/more/links/">Links</a> to other sites + <%= more_update_badge(name: :links)%> + <li><a href="/more/irc/">IRC Channel</a> of this site + <li><a href="/more/contact/">Contact</a> + <li><a href="/more/now/">Now</a> + <li><a href="/more/uses/">Uses</a> + </ol> -</nav> + </nav> <hr> @@ -135,12 +145,14 @@ <hr> <p> This is self-hosted site. - You are connected live to my living room. + You are connected live to my living room.<br> + The bytes must flow. </p> <div> <%= webbutton(file: "org.freebsd.gif", url: "https://www.freebsd.org/", alt: "Powered by FreeBSD") %> <%= webbutton(file: "org.dillo.gif", url: "https://www.dillo.org/", alt: "Optimized for Dillo") %> + <%= webbutton(file: "org.brainmade.png", url: "https://www.brainmade.org/", alt: "Made with brain, not LLM") %> </div> </body> </html> |