-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
185 lines (162 loc) · 7.15 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alice's Site!</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<div class="container">
<div class="profile-pic">
<img src="pfp.png" alt="Profile Picture">
</div>
<div class="name-bio">
<h1>Alice (@SillyCoderGirl)</h1>
<p>16 year old, transfem furry programmer and musician.</p>
</div>
</div>
</header>
<section class='personal-stuff'>
<h2> About Alice </h2>
<ul>
<li id="age">Age:</li>
<li> Pronouns: She/Her/Hers & It/Its </li>
<li> Programming Languages: Lua, Haxe, JavaScript*, HTML & CSS*, Python*</li>
<li> Programs for: Friday Night Funkin' & ROBLOX</li>
</ul>
<p style='text-align:center; font-size:13px'><i>* Certified in given language.</i></p>
</section>
<hr>
<section class='current-work'>
<h2>Current Work</h2>
<p style='text-align:center; font-size:13px'><i>This list will not be a complete list. Only a few hand picked
mods.</i></p>
<p style='text-align:center; font-size:15px'><b>I will not work on your project if you ask, unless you're a
close friend. Don't even try.</b></p>
<div class="work-item">
<h3>Eyeben XP V1</h3>
<p>Directed by: <a href='https://x.com/IBNVintage'>Eyeben</a></p>
<p>Hired as: <b>Programmer & Musician(ish)</b></p>
</div>
<div class="work-item">
<h3>FNF: Yellow</h3>
<p>Directed by: <a href='https://x.com/byzafyre'>Byzafyre</a></p>
<p>Hired as: <b>Programmer</b></p>
</div>
<div class="work-item">
<h3>Colorless Crime</h3>
<p>Directed by: <a href='https://www.youtube.com/@trustieregg'>Trustier Egg</a></p>
<p>Hired as: <b>Programmer</b></p>
</div>
</section>
<hr>
<section class="previous-work">
<h2>Previous Work</h2>
<h4>Programming</h4>
<div class="work-item">
<h3>FNF Song Credit .lua Script 🎤</h3>
<p>An easy to customize script to show the credits for the song that is playing. <b>Has 7k+ downloads!</b>
</p>
<a href='https://gamebanana.com/tools/11519'>Check it out here!</a>
</div>
<div class="work-item">
<h3>FNF: QualO Engine 🎤</h3>
<p>A Psych Engine Fork that adds major Quality of Life features for modders. Currently a W.I.P</p>
<a href='https://github.com/sillycodergirl/fnf-qualo-engine'>Check it out here!</a>
</div>
<div class="work-item">
<h3>Eyeben XP DEMO 🎤</h3>
<p>A Friday Night Funkin' mod that was made in a modified psych engine. All coded by me!</p>
<a href='https://youtube.com/watch?v=EIXora07NTI'>Check it out here!</a>
</div>
<div class="work-item">
<h3>SCP: Crimson Madness 🎤</h3>
<p>While the stage was coded by TormentedProgram, I came in and ported it and made the events plus the menu
for the mod.</p>
<a href='https://www.youtube.com/watch?v=CjWLFMzJGsg'>Check it out here!</a>
</div>
<div class="work-item">
<h3>Window Manipulation Thing 🎤</h3>
<p>So I learned Window Manipulation for the HaxeFlixel game engine!</p>
<a href='https://fxtwitter.com/SillyCoderGirl/status/1765538993154695278?t=E5FdTvGX7hBEqQw2d9nt1A&s=19'>Check
it out here!</a>
</div>
<div class="work-item">
<h3>Chromatic Selection Screen 🎤</h3>
<p>A small menu I made for one of my dead FNF Mods, to where you had to select the chromatic you wanted to
use in game!</p>
<a href='https://fxtwitter.com/SillyCoderGirl/status/1746758151871840719?t=E5FdTvGX7hBEqQw2d9nt1A&s=19'>Check
it out here!</a>
</div>
<div class="work-item">
<h3>Rip-Off Doki Doki Menu 🎤</h3>
<p>A joke FNF mod intro, replicating the Doki Doki Literature Club intro. "inspired" from Raldi's
Crackhouse.</p>
<a href='https://fxtwitter.com/SillyCoderGirl/status/1741196338295894145?t=E5FdTvGX7hBEqQw2d9nt1A&s=19'>Check
it out here!</a>
</div>
<div class="work-item">
<h3>Click the Bart Modpack 🎤</h3>
<p>Some stupid joke I made to test the gimmick, coded all in lua.</p>
<a href='https://x.com/THEREALTIMELIME/status/1800625768013394147'>Check it out here!</a>
</div>
<h4>Music</h4>
<div class="work-item">
<h3>"placeholder name, think of one later (placeholder)" 🎤</h3>
<a href='https://www.youtube.com/watch?v=TGG-uVe564I'>Check it out here!</a>
</div>
<div class="work-item">
<h3>Flex 🎤</h3>
<a href='https://www.youtube.com/watch?v=OYhcvcBnRNU'>Check it out here!</a>
</div>
<div class="work-item">
<h3>your fate is sealed. 🎤</h3>
<a href='https://www.youtube.com/watch?v=I0e7VScEu9U'>Check it out here!</a>
</div>
<div class="work-item">
<h3>hey stan.</h3>
<a href='https://www.youtube.com/watch?v=eWwuMmBZprE'>Check it out here!</a>
</div>
<p style='text-align:center; font-size:13px'> NOTE: This is not the full list of previous work, there are WAY
more things to be shown. I will add them at a later date. </p>
</section>
<footer>
<ul class="social-media">
<li><a href="https://www.twitter.com/sillycodergirl" target="_blank">Twitter</a></li>
<li> // </li>
<li><a href="https://github.com/sillycodergirl" target="_blank">Github</a></li>
<li> // </li>
<li><a href="https://www.youtube.com/@sillycodergirl" target="_blank">Youtube</a></li>
<li>
<p>Discord: sillycodergirl</p>
</li>
</ul>
</footer>
<div class="fixed">
<button id="dark-mode-toggle">Toggle Dark Mode</button>
</div>
<script>
// Dark Mode
const toggleButton = document.getElementById('dark-mode-toggle');
toggleButton.addEventListener('click', function () {
document.body.classList.toggle('dark-mode');
});
// Age Calculator (im lazy)
function calcAge() {
const today = new Date();
const birthday = new Date('2008-05-29');
let age = today.getFullYear() - birthday.getFullYear();
const monthDiff = today.getMonth() - birthday.getMonth();
if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < birthday.getDate())) {
age--;
}
return age;
}
const ageList = document.getElementById('age');
ageList.textContent = 'Age: ' + calcAge();
console.log('hewwo :3');
</script>
</body>
</html>