summaryrefslogtreecommitdiff
path: root/luevano/index.html
blob: fa8d75121d251f864cd8cdb085e90c7d8729846c (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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html lang="en"
  prefix="og: https://ogp.me/ns#">
  <head>
    <base href="https://static.luevano.xyz/">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Luévano's Site</title>
    <meta name="description" content="My personal website where I host my blog, art gallery and more."/>
    <link rel="alternate" type="application/rss+xml" href="https://blog.luevano.xyz/rss.xml" title="Luévano's Blog RSS">
    <link rel="alternate" type="application/rss+xml" href="https://art.luevano.xyz/rss.xml" title="Luévano's Art RSS">
    <link rel="icon" href="images/icons/favicon.ico">

    <!-- general style -->
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="fork-awesome/css/fork-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="font-awesome/css/all.min.css">

    <!-- theme related -->
    <script type="text/javascript" src="scripts/theme.js"></script>
    <link id="theme-css" rel="stylesheet" type="text/css" href="css/dark.css">

    <!-- og meta -->
    <meta property="og:title" content="Luévano's Site"/>
    <meta property="og:type" content="website"/>
    <meta property="og:url" content="https://luevano.xyz/index.html"/>
    <meta property="og:image" content="images/default.png"/>
    <meta property="og:description" content="My personal website where I host my blog, art gallery and more."/>
    <meta property="og:locale" content="en"/>
    <meta property="og:site_name" content="Luévano's Site"/>
  </head>

  <body>
    <header>
      <nav>
        <ul>
          <li>
            <a href="https://luevano.xyz/"><i class="fas fa-home" alt="Home"></i><span>Home</span></a>
          </li>

          <li>
            <a href="https://blog.luevano.xyz/"><i class="fas fa-book-open" alt="Blog"></i><span>Blog</span></a>
          </li>

          <li>
            <a href="https://art.luevano.xyz/"><i class="fas fa-paint-brush" alt="Art"></i><span>Art</span></a>
          </li>

          <li><i class="fab fa-git" alt="Git"></i><span>Git</span>
            <ul>
              <li><a href="https://git.luevano.xyz/" target="_blank"><i class="fab fa-git-alt" alt="Git-alt"></i></a></li>

              <li><a href="https://github.com/luevano" target="_blank"><i class="fab fa-github" alt="Github"></i></a></li>

              <li><a href="https://gitlab.com/dluevano" target="_blank"><i class="fab fa-gitlab" alt="Gitlab"></i></a></li>
            </ul>
          </li>

          <li><i class="fas fa-box-open" alt="Stuff"></i><span>Stuff</span>
            <ul>
              <li><a href="https://gb.luevano.xyz/"><i class="fas fa-gamepad" alt="Gameboy"></i><span>Gameboy</span></a></li>
            </ul>
          </li>
        </ul>
      </nav>

      <div class="theme-switch-container">
        <i class="fas fa-sun"></i>
        <label class="switch theme">
          <input id="theme-switch" type="checkbox" onclick="toggleTheme()">
          <span class="slider round"></span>
        </label>
        <i class="fas fa-moon"></i>
      </div>
    </header>

    <main>
      <h1>
        Luévano's Site
      </h1>

      <h2>
        Welcome!
      </h2>

      <p>
      My name is David Luévano and this is my little piece of internet. I'm into alot of stuff, but mostly technology, drawing sometimes and... of course, gaming.
      </p>

      <p>
      I have some sites setup here, such as a working <a href="https://blog.luevano.xyz/">blog</a> where I post about whatever, an <a href="https://art.luevano.xyz/">art</a> gallery, and other stuff (check the nav bar).
      </p>

      <p>
      Also, yes, yes it is supposed to look like this. This isn't supposed to be a bloated <em>mOdErN</em> website; I use plain HTML and CSS and sometimes a bit of JS (meaning that I use no <em>rEaCt</em> nor <em>bOoTsTrAp</em>).
      </p>

      <h2>
        <i class="fas fa-rss" alt="RSS"></i> RSS feeds
      </h2>

      <p>Get updates about me or what I'm doing via RSS feeds. If you don't know what an RSS feed is: <a href="https://www.rssboard.org/rss-specification">RSS 2.0 Specification</a>, or <em>just google it</em>.</p>

      <ul>
        <li>
          <i class="fas fa-book-open" alt="Blog"></i> Blog: <a target="_blank" href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>
        </li>

        <li>
          <i class="fas fa-paint-brush" alt="Art"></i> Art: <a target="_blank" href="https://art.luevano.xyz/rss.xml">https://art.luevano.xyz/rss.xml</a>
        </li>
      </ul>

    </main>

    <footer>
      <span>
        <i class="fas fa-address-card" alt="Contact"></i>
        <a href="https://luevano.xyz/contact.html">Contact</a>
      </span>

      <span>
        <i class="fas fa-donate" alt="Donate"></i>
        <a href="https://luevano.xyz/donate.html">Donate</a>
      </span>

      <br>
      <span class="copyright">
        Copyright <i class="fal fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
      </span>
    </footer>
  </body>
</html>