-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathkoudaha.html
158 lines (155 loc) · 7.15 KB
/
koudaha.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
<!DOCTYPE HTML>
<html>
<head>
<title>Moop People</title>
<meta name="description" content="website description" />
<meta name="keywords" content="website keywords, website keywords" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style/style.css" title="style" />
</head>
<body>
<div id="main">
<div id="header">
<div id="logo">
<div id="logo_text">
<!-- class="logo_colour", allows you to change the colour of the text -->
<h1>Moop</span></a></h1>
<h2>The website for Moop. An open-source passion project. Indie
dev games studio, Community Engagement, and Educational game dev
resources.</h2>
</div>
</div>
<div id="menubar">
<ul id="menu">
<!-- put class="selected" in the li tag for the selected page - to highlight which page you're on -->
<li><a href="index.html">Home</a></li>
<li class="selected"><a href="koudaha.html">Moop People</a></li>
<li><a href="games.html">Moop Games</a></li>
<li><a href="people.html">Resources</a></li>
<!-- Don't need these atm but might in future
<li><a href="PETS.html">P.E.T.S Game Info</a></li>
<li><a href="contact.html">Contact Us</a></li>
-->
</ul>
</div>
</div>
<div id="site_content">
<div class="sidebar">
<!-- insert your sidebar items here -->
<h3>Useful Links</h3>
<ul>
<!-- <li><a href="https://toot.moop.uk/home">Our Mastodon Instance</a></li> -->
<li><a href="https://twitter.com/ukmoop">Twitter/X</a></li>
<li><a href="https://www.instagram.com/ukmoop/">Instagram</a></li>
<li><a href="https://www.linkedin.com/company/ukmoop">LinkedIn</a></li>
<li><a href="https://ko-fi.com/ukmoop">Ko-fi Donations Bucket</a></li>
<li><a href="https://www.etsy.com/uk/shop/AdoptATribbleForMoop?ref=profile_header#about">Adopt a Tribble for Moop Etsy Page</a></li>
</ul>
</div>
<div id="content">
<!-- insert the page content here -->
<h1>Moop People - People involved with Moop</h1>
<h2>Owen (he/they)</h2>
<p>The first Moop, setting up Moop and developing the first game (Project: NNC00) independently.
<br>
<h3>Skills, Hobbies and concise 'About Owen':</h3>
<ul>
<li>BSc Hons Degree in Computer Games Technology(First)</li>
<li>Bsc Hons Degree in Health and Social Care, with Criminology(2:2)</li>
<li>Key Volunteer at Sparkle (The National Trans Charity)</li>
<li>Game making/Game Designing/Game Jams</li>
<li>Intermediate Japanese Language(B1-2, working towards C2/JLPT-N2)</li>
<li>Project Managing (proficient in Jira, Trello, Monday, Slack (and other chat/IRCs), Google Drive, OneDrive, Microsoft Office Suite, and version control such as Git).</li>
<li>Open-source software contributer and enjoyer</li>
<li>Speed running games</li>
<li>Supporting my fellow LGBTQIA+ Community</li>
<li>Developing educational resources for games development</li>
</ul>
<h3>More info</h3>
<p>
Alongside Moop, I am currently LFW in all things Games, Open-source, software, Social Media Management, and Project Management related.<br>
<h3>Useful Links about Owen</h3>
<ul> <!-- SOCIAL MEDIA LINKS -->
<li><a href="https://kouda-ha.itch.io/">Itch IO profile</a></li>
<li><a href="https://twitter.com/kouda_ha">Twitter(main)</a></li>
<li><a href="https://www.instagram.com/kouda_ha">Instagram</a></li>
<li><a href="https://www.linkedin.com/in/owenbardini/">LinkedIn</a></li>
<!-- <li><a href="https://tech.lgbt/@Kouda_Ha">Kouda_Ha's Mastodon(infrequent use)</a></li>
<li><a href="https://toot.moop.uk/home">Moop's Mastodon Instance</a></li>
-->
</ul>
</p>
<!--
<h2>Headings</h2>
<p>These are the different heading formats:</p>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<h2>Text</h2>
<p>The following examples show how the text (within '<p></p>' tags) will appear:</p>
<p><strong>This is an example of bold text</strong></p>
<p><i>This is an example of italic text</i></p>
<p><a href="#">This is a hyperlink</a></p>
<h2>Lists</h2>
<p>This is an unordered list:</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
<p>This is an ordered list:</p>
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ol>
<h2>Images</h2>
<p>images can be placed on the left, in the center or on the right:</p>
<span class="left"><img src="style/graphic.png" alt="example graphic" /></span>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
irure dolor in reprehenderit in voluptate velit esse cillum.
</p>
<span class="center"><img src="style/graphic.png" alt="example graphic" /></span>
<span class="right"><img src="style/graphic.png" alt="example graphic" /></span>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur.
</p>
<h2>Tables</h2>
<p>Tables should be used to display data and not used for laying out your website:</p>
<table style="width:100%; border-spacing:0;">
<tr><th>Item</th><th>Description</th></tr>
<tr><td>Item 1</td><td>Description of Item 1</td></tr>
<tr><td>Item 2</td><td>Description of Item 2</td></tr>
<tr><td>Item 3</td><td>Description of Item 3</td></tr>
<tr><td>Item 4</td><td>Description of Item 4</td></tr>
</table>
<h2>Form Elements</h2>
<form action="#" method="post">
<div class="form_settings">
<p><span>Form field example</span><input type="text" name="name" value="" /></p>
<p><span>Textarea example</span><textarea rows="8" cols="50" name="name"></textarea></p>
<p><span>Checkbox example</span><input class="checkbox" type="checkbox" name="name" value="" /></p>
<p><span>Dropdown list example</span><select id="id" name="name"><option value="1">Example 1</option><option value="2">Example 2</option></select></p>
<p style="padding-top: 15px"><span> </span><input class="submit" type="submit" name="name" value="button" /></p>
</div>
</form>-->
</div>
</div>
<div id="footer">
Copyright © Moop, 2025
</div>
</div>
</body>
</html>