webstieTestRepl.github.io/Video Games.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
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
<!DOCTYPE html>
<html>
  <head>

    <title>Video Game 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 the webpage's stylesheet -->
	  <link rel="stylesheet" href="/style.css" />

	  <!-- link the webpage's JavaScript file -->
	  <script src="/script.js" defer></script>

  </head>

  <body>
    <header>
      <div class="container">
        <img width="145" src="assets/NJ.gif" alt="A reocurring gif of my initials, NTK, with a red heard above and a black and blue audio wave below in a grey white-outlined circle. The circle slowly appears in a blue backgrounded square along with purple and pink hearts in each corner."/>
        <h1 class="textCenter" style="padding-left: 6%">Video Games</h1>
      </div>
    </header>

    <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 style="margin-bottom:30px; margin-top:30px;">
      <p>Since I was young I have been playing video games with my mom.
I love Skyrim, Hellblade, Life is Strange, Borderlands, The Last of Us, Genshin Impact, Folklore, etc. Eventually I grew an interest in the development and production of video games so I made my own game on scratch a few years ago while learning how to use the platform. It was really fun and about my sisters cats and I ended up doing two workshops about the process with groups of kids. This got me to gain more of an interest in coding and computer science. I taught myself C# and hope to use it to make games on Unity now that I have time!</p>

      <p class="textCenter">Wifey Lydia 🤞🏽🥺 since.. idk some year like 2017 this seems old || Japan moment</p>

      <div class="flex-container" class="imgCenter">
        <div class="flex-item">
          <video style="width:81%" class="imgCenter" controls>
            <source src="assets/wifeyLydia.m4v" alt="A younger me marrying my Skyrim wifey Lydia and running around happy.">
          </video>
        </div>
        <div class="flex-item">
          <img style="width:69%" class="imgCenter" src="assets/Summer 2019 Japan.jpg" alt="A picture of me in Japan looking down at stuffed characters from the Mario brothers games in a store. I'm wearing a green wrap-on jacket and a black-blue striped/cubed backpack."/>
        </div>
      </div>

      <p class="textCenter">Here are some Hellblade video game blogs I've made for school in the past! All pictures were took in game by me in Hellblade: Senua's Sacrifice by Ninja Theory with the purpose of criticism and review. </p>
    </main>

  <nav style="padding-bottom:5px; padding-left:0px; padding-right:0px;">
      <ul>
        <li>
          <a href="hellbladeIntro.html">Intro</a>
        </li>
        <li>
          <a href="hellbladeStory.html">Story</a>
        </li>
        <li>
          <a href="hellbladePsychosis.html">Psychosis</a>
        </li>
        <li>
          <a href="hellbladeCombat.html">Combat</a>
        </li>
        <li>
          <a href="hellbladeVisuals.html">Visuals</a>
        </li>
        <li>
          <a href="hellbladeMusic.html">Music</a>
        </li>
        <li>
          <a href="hellbladeFinal.html">Rating</a>
        </li>
      </ul>
    </nav>

  <main>
    <div class="textCenter">
      <p>More video game blogs/documents!</p>
      <p>
        <a href="assets/videoGameMusic.pdf" target="_blank" rel="noopener" rel="norefer">History of Music in Video Games </a> || <a href="assets/Manifesto - Google Docs.pdf" target="_blank" rel="noopener" rel="norefer">Video Game Diversity & Representation </a> || <a href="assets/A Story of Development.pdf" target="_blank" rel="noopener" rel="norefer"> A Story of Development</a>
      </p>
    </div>

    <div class="textCenter">
      <h3 style="padding-top:10px;">Scratch Video Game:</h3>
      <p>Made a game on Scratch a few years ago. Probably has a lot of bugs haha! In-game music made by me.</p>
      <p>
        <a href="assets/scratch.pdf" target="_blank" rel="noopener" rel="norefer">Making a Game from Scratch with Scratch!</a> || <a href="assets/Scratch Presentation.pdf" target="_blank" rel="noopener" rel="norefer">Presentation for Youth </a> || <a href="https://scratch.mit.edu/projects/390461096" target="_blank" rel="noopener" rel="norefer">Play the Game! </a>
      </p>
    </div>

    <div class="flex-container">
      <div class="flex-item">
        <img src="assets/S&S.png" class="imgCenter" style="width:56%" alt="A animated drawing of a light brown cat with a few stripes left of a white cat with a black spot covering half of the face and ear. They are in front of a night-sky starry background with the words 'The Adventures of Starbuck and Stanley by Najorae <3'">
      </div>
      <div class="flex-item">
        <img src="assets/playing.jpg" class="imgCenter" style="width:55%" alt="A picture of me playing my game on a computer while playing Mine Craft in the back. The computer screen shows a light brown cat hopping across a boba parkour towards a strawberry door with a light blue boba background.">
      </div>
    </div>

      <div class="textCenter">
        <p>
          <audio controls autoplay class="prettyAudio">
            <source src="https://www.dropbox.com/s/psnk45ktz9r54jp/S%26S%20Adventure%202.wav?raw=1">
            Your browser does not support the audio element.
          </audio>
        </p>
      </div>
   </main>
  </body>
</html>