-
Notifications
You must be signed in to change notification settings - Fork 0
/
portvr.html
200 lines (180 loc) · 7.31 KB
/
portvr.html
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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ronynn's portfolio</title>
<script src="https://aframe.io/releases/0.9.2/aframe.min.js"></script>
<script src="https://supereggbert.github.io/aframe-htmlembed-component/dist/build.js"></script>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
.container {
display: flex;
flex-wrap: wrap;
}
.column {
flex: 1;
padding: 10px;
text-align: center;
}
img {
max-width: 100%;
height: auto;
}
.text {
margin-top: 10px;
}
@media only screen and (max-width: 400px) {
.column {
flex: 100%;
}
}
</style>
</head>
<body>
<a-scene>
<a-entity position="0 1.6 -4" htmlembed>
<center><h1>ronynn's portfolio ʕ •ᴥ•ʔ</h1></center>
<div class="container">
<div class="column">
<img src="blue.png" alt="Blue Image" />
<div class="text">Text below blue image</div>
<div class="text">
<h3>Aesthetics over plot</h3>
<p>
<strong>Spring Thing 2023</strong><br />
Get ready to embark on a quirky adventure as you strive
to impress an omniscient cactus 🌵, a wall, and a really
cool donkey. It's all about aesthetics in this whimsical
journey!
</p>
<p>
<a
href="https://ronynn.github.io/Game-Jam-Submissions/Aesthetics"
>Play here</a
>
</p>
<img src="aesthetics.jpg" alt="Blue Image" />
</div>
<hr />
</div>
<div class="column">
<div class="text">
<h3>Lost in the market</h3>
<p>
<strong>Ifcomp 2022</strong><br />
Dive into a fever dream as you return to your hometown
after a failed music career. Explore the surreal
landscape and uncover the mysteries that await in this
captivating adventure.
</p>
<p>
<a
href="https://ronynn.github.io/Game-Jam-Submissions/LATM"
>Play here</a
>
</p>
<img src="latm.jpg" alt="Blue Image" />
</div>
<hr />
<div class="text">
<h3>Abate: Hide behind the curtains</h3>
<p>
<strong>Spring thing 2022</strong><br />
Peek behind the curtains in this intriguing strand type
game made in JavaScript using the Ramus framework and
Sugarcube-2. Explore the narrative layers compiled with
tweego for a unique gaming experience.
</p>
<p>
<a
href="https://ronynn.github.io/Game-Jam-Submissions/abate"
>Play here</a
>
</p>
<img src="abate.jpg" alt="Blue Image" />
</div>
<hr />
<div class="text">
<h3>What remains of me.</h3>
<p>
<strong>Ifcomp 2021</strong><br />
Immerse yourself in a neo-noir comedy set in the
creator's old neighborhood. Navigate through the story
with a blend of parser gameplay and retro GUI elements
using TIC80. Discover what mysteries lie hidden in the
shadows.
</p>
<p>
<a href="https://ifcomp.org/play/2558/play_online"
>Play here</a
>, for touch screens
<a
href="https://ronynn.github.io/Game-Jam-Submissions/wrom/wrom-touch"
>play here</a
>
</p>
<img src="wrom.jpg" alt="Blue Image" />
</div>
<hr />
<div class="text">
<h3>Intergalactic Chat Simulator</h3>
<p>
<strong>A drama</strong><br />
Step into the shoes of an intergalactic communicator in
this intense drama. Navigate through complex
conversations and uncover the truth hidden within the
vast reaches of space.
</p>
<p>
<a
href="https://ronynn.github.io/Game-Jam-Submissions/Intergalactic-Chat-Simulator.html"
>Play here</a
>
</p>
</div>
<hr />
<div class="text">
<h3>Dawn</h3>
<p>
<strong>A post-apocalyptic survival demo</strong><br />
Experience the harsh realities of a post-apocalyptic
world in this survival demo. Adapt to the challenges of
the environment and forge your path towards a new dawn.
</p>
<p>
<a
href="https://ronynn.github.io/Game-Jam-Submissions/Dawn.html"
>Play here</a
>
</p>
<img src="dawn.jpg" alt="Blue Image" />
</div>
<hr />
<div class="text">
<h3>Nimble Brass</h3>
<p>
<strong>A millionaire simulator</strong><br />
Take on the role of a millionaire in this simulation
game. Manage your wealth, make strategic decisions, and
navigate the challenges of high society in your quest
for success.
</p>
<p>
<a
href="https://ronynn.github.io/Game-Jam-Submissions/Nimble-Brass.html"
>Play here</a
>
</p>
<img src="nimble.jpg" alt="Blue Image" />
</div>
</div>
</div>
</a-entity>
</a-scene>
</body>
</html>