diff options
Diffstat (limited to 'new/userfriendly/pages/index.html.erb')
| -rw-r--r-- | new/userfriendly/pages/index.html.erb | 159 |
1 files changed, 159 insertions, 0 deletions
diff --git a/new/userfriendly/pages/index.html.erb b/new/userfriendly/pages/index.html.erb new file mode 100644 index 00000000..3d1873a0 --- /dev/null +++ b/new/userfriendly/pages/index.html.erb @@ -0,0 +1,159 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta charset="utf-8"> + <title>Crys SITE</title> + <link rel="canonical" href="https://crys.site"> + <meta name="robots" content="index, follow"> + <meta property="og:title" content="Crys Site"> + <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"> + <link rel="alternate" type="application/rss+xml" title="Feed with all updates" href="/index.xml"> + <style> + body { + + margin-top: 20px; + margin-bottom: 20px; + text-align: center; + background-color: #c2c2c2; + background-image: url("<%= process_image(file: "background.png").relative_path %>"); + color: #000; + } + a { + color: #000; + } + ol { + padding: 0; + } + + ol li{ + list-style-type: none; + } + + img.webutton { + border: 0; + text-decoration: none; + color: #c2c2c2; + padding: 10px; + } + @media (min-resolution: 192dpi) { * { image-rendering: pixelated; } } + </style> + + </head> + <body> + + <img alt="Crys Site" src="<%= process_image(file: "logo.png").relative_path %>"> + + <p> + Hi! + I'm Michal and this is my personal website. + </p> + + <p> + The World Wide Web used to be fun, scrappy, and ours; let's bring it back. + </p> + + <p> + <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> + + + <hr> + <p> + Updated <%= Time.now.strftime("%B %d, %Y") %> + </p> + + <hr> + <h2>Contents</h2> + + <h3>Main sections</h3> + + <nav> + <ol> + <li><a href="/blog">My personal blog</a> + <%= update_badge("blog")%> + <li><a href="/bsd">Guides on using FreeBSD on a PC</a> + <%= update_badge("bsd")%> + <li><a href="/emacs">Guides on using Emacs for not obvious tasks</a> + <%= update_badge("emacs")%> + <li><a href="/unix-history">A short Unix History</a> + <%= update_badge("unix-history")%> + <li><a href="/reviews">Reviews of narrative works</a> + <%= update_badge("reviews")%> + <li><a href="/star-trek">Star Trek fansite</a> + <%= update_badge("star-trek")%> + </ol> + + + <h3>Projects</h3> + + <ol> + <li><a href="/projects/chotto">Chotto</a> - an initial tagging system for Notmuch + <%= update_badge("chotto")%> + </ol> + + + <h3>Mirrors</h3> + <ol> + <li><a href="/mirror/userfriendly">User Friendly comic mirror</a> + </ol> + + <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> + + </nav> + <hr> + + + <h2>Recent updates</h2> + + <nav> + <ol> + <% fetch_rss(name: :main).items.first(10).each do |item| %> + <li><a href="<%=item.link%>"><%= item.title %></a> (<%=item.date.strftime("%B %d, %Y")%>) + <% end %> + </ol> + </nav> + + <a href="https://crys.site/index.xml"><img alt="RSS feed" width="36" height="14" src="<%= process_image(file: "rss.gif").relative_path %>"></a> + + <hr> + <p> + This is self-hosted site. + 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> |