summaryrefslogtreecommitdiff
path: root/new/splash/pages/index.html.erb
diff options
context:
space:
mode:
Diffstat (limited to 'new/splash/pages/index.html.erb')
-rw-r--r--new/splash/pages/index.html.erb64
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>