webstieTestRepl.github.io/index.html at main · Najorae/webstieTestRepl.github.io · GitHub

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
<!DOCTYPE html>
<html>
  <head>

    <title>Home Najorae</title>
    <meta charset="utf-8" />
	  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	  <meta name="viewport" content="width=device-width, initial-scale=1" />
	  <link type="text/css" rel="stylesheet" href="https://github.com/Najorae/webstieTestRepl.github.io/blob/main/style.css">
	  <script src="/script.js" defer></script>
  </head>

  <body class="rainbowBackground">
    <div class="headHome">
      <img class=imgCenter style="width:100%" src="assets/contact.png" alt="A picture with a picture of my initials, NTK, with a red heard above and a black and blue audio wave below, in a grey white-outlined circle on the left. On the right my email 'piggysweettooth@gmail.com' and discord tag 'piggysweettooth#0614' are listed."/>
      <p><img class=imgCenter style="width:100%" src="assets/pics.png" alt="A horizontal banner of pictures including me with my back turned with pigtails in Japan, me with a purple wig and balloons in the background, a picrew of me with strawberry earings, blue cat ears, and rainbow stripeds in the background. Next is my graduation picture at a graffiti wall, a smiling portrait of me in a red shirt, a young me in a pippi longstocking costume, and me in a Vietnamese dress with a microphone on stage."/></p>
    </div>

    <nav>
      <ul>
        <li>
          <a href="index.html">Home</a>
        </li>
        <li>
          <a href="about.html">About</a>
        </li>
        <li>
          <a href="STEM.html">STEM</a>
        </li>
        <li>
          <a href="music.html">Music</a>
        </li>
        <li>
          <a href="Video Games.html">Video Games</a>
        </li>
        <li>
          <a href="Social Justice.html">Social Justice</a>
        </li>
      </ul>
    </nav>

    <main>
    <h2 class="textCenter"> Hi! I’m Najorae and welcome to my website!</h2>
    <p class="textCenter"> I enjoy coding, making music, social justice, philosophizing, video games, anime/shows, STEM, learning, and staying curious!</p>

      <div class="flex-container" style="padding-left:1em; padding-right:1em;">
      <div class="flex-item">
        <h4 class="textCenter"> Values </h4>
        <p class="textCenter"> Authenticity, open mindedness, transparent communication, honesty, empathy, spontaneity, checking oneself and others, & critical thinking. </p>
      </div>

      <div class="flex-item" style="padding-left:1em; padding-right:1em;">
    <h4 class="textCenter"> Identity</h4>
      <p class="textCenter"> Blasian (Black & Asian - Vietnamese), genderfluid (all pronouns), pansexual, youth, learner, singer/songwriter, musician, boxer, coder, audio engineer, stick-fighter, libra, omnivert, boba-conesour, multiligual, trapeze artist, pianist, etc. </p>
      </div>
      </div>

    <div class="main">
    <div class="rowHome">
      <div class="columnHome">
      <div class="contentHome">
    <h4 style="margin-top:2px" class="textCenter">IRL Life!</h4><img style="width:98%" class="imgCenter" src="assets/IRL.png" alt="A collage of pictures from my non-online life including pictures with friends and family, animals I love, artsy photos, and memories including a pride parade, amusement park, kwanzaa, zoom, and more!">
    </div>
      </div>

      <div class="columnHome">
      <div class="contentHome">
    <h4 style="margin-top:2px" class="textCenter">Online Life <3</h4><img style="width:98%" class="imgCenter" src="assets/Online.png" alt="A collage of pictures from my online life including discord calls and moments, minecraft, group drawings and birthday cards, twitch screen shots, and picrew profile pictures!">
      </div>
      </div>
    </div>
    </div>

      <div class="textCenter">
      <p><audio controls autoplay class="prettyAudio">
        <source src="https://www.dropbox.com/s/bg2c0ioim65csen/Wake%20up.wav?raw=1">
        Your browser does not support the audio element.
      </audio></p>
    </div>

      <ul class="featuredList">
        <p><li>
            <a class="featured" href="STEM.html">Featured: Girls Who Code Page</a>
        </li></p>
      </ul>

      <ul class="featuredList">
        <li>
            <a class="featured" href="hellbladeIntro.html">Featured: Hellblade - Senua's Sacrifice - Blogs</a>
        </li>
      </ul>

  </main>
  </body>
</html>