summaryrefslogtreecommitdiff
path: root/www/index.html
blob: c4c16881cde433713968b1b71f49e28c34a508cb (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="generator"
        content="HTML Tidy for HTML5 for Linux version 5.6.0">
  <title>senders.io - Homepage</title>
  <link rel='stylesheet'
        type='text/css'
        href='/index.css'>
  <meta name="viewport"
        content="width=device-width, initial-scale=1">
</head>
<body>
  <div id='header'>
    <a class='title'
         href='/'>senders.io</a>
    <nav>
      <a href="/blog">blog</a> <a rel="external noopener noreferrer"
           target="_blank"
           href="https://github.com/s3nd3r5">github</a> <a rel=
           "external noopener noreferrer"
           target="_blank"
           href="https://git.senders.io">cgit</a> <a rel=
           "me external noopener noreferrer"
           target="_blank"
           href="https://mastodon.online/@senders">mastodon</a>
    </nav>
  </div>
  <div id='body'>
    <article>
      <h1>Welcome to Senders&#39; homepage</h1>
      <p>This is my personal site for my projects and other random stuff I feel
      like uploading. A lot of it comes in the form of micro-blogs and stream
      of consciousness ramblings.</p>
    </article>
    <article>
      <h2>Recent Post - 2022-12-05</h2>
      <h3>CSS Themes Exist Now!?</h3>
      <p>Yeah news to me too! Seems like according to <a rel=
      "external noopener noreferrer"
         target="_blank"
         href=
         "https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme#browser_compatibility">
      the MDN</a> it’s been supported since 2019 for most browsers and
      supported by all by now.</p>
      <p>This is so wild!</p>
      <h4>Why is this cool?</h4>
      <p>Well you may have noticed this is in dark mode now (if you set your
      preferences to dark in your OS/Browser). But this is cool because it
      means we’re no longer restricted to using Javascript and custom
      preferences for websites.</p>
      <p>I had assumed this existed because sites like GitHub were defaulting
      to darkmode despite me never setting anything in like my profile
      settings. But I just assumed based off of my legacy knowledge this was
      some custom render trick using javascript.</p>
      <div class='footer'>
        <a href='/blog/2022-12-05'>Continue reading...</a>
      </div>
    </article>
    <article>
      <h2>Recent Post - 2022-11-06</h2>
      <h3>My Markdown -&gt; HTML Setup</h3>
      <p>A common way I see a lot of people blog, especially micro-blog, is in
      <a rel="external noopener noreferrer"
         target="_blank"
         href="https://daringfireball.net/projects/markdown/">markdown</a>.</p>
      <figure>
        <blockquote>
          <p>Markdown is a lightweight markup language for creating formatted
          text using a plain-text editor.</p>
        </blockquote>
        <figcaption>
          <cite><a rel="external noopener noreferrer"
             target="_blank"
             href="https://en.wikipedia.org/wiki/Markdown">Wikipedia |
             Markdown</a></cite>
        </figcaption>
      </figure>
      <p>It built itself on-top of common syntax prevalent on the web and was
      designed to be converted into simple HTML output. Since it leveraged
      preexisting syntax it was easy for new users to pick up, and is now found
      all over the web and applications.</p>
      <p>Since I started this website, I had been writing each page by hand
      using a few tools to facilitate that - and for a while I had been looking
      for a good way to try out using markdown to generate some lighter pages
      and these blogposts.</p>
      <div class='footer'>
        <a href='/blog/2022-11-06'>Continue reading...</a>
      </div>
    </article>
    <div class="footnote">
      <p>The site source is available at <a rel="noopener noreferrer external"
         target="_blank"
         href=
         "https://git.senders.io/senders/senders-io">git.senders.io/senders/senders-io</a>.</p>
    </div>
    <div id='copyright'>
      © 2023 senders dot io - <a rel="license external noopener noreferrer"
           target="_blank"
           href="https://creativecommons.org/licenses/by/4.0/">CC BY-SA 4.0</a>
           unless otherwise noted.
    </div>
  </div>
</body>
</html>