Skip to content

Commit 7fa618f

Browse files
document10document10
committed
2026 REFRESH!!!
1 parent 2a7cff5 commit 7fa618f

8 files changed

Lines changed: 164 additions & 37 deletions

File tree

‎README.md‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,11 @@
11
# Personal website
22

3-
This is the repository for my personal website containing info about me as well as my social media links, hosted on [github.io](https://pages.github.com/).
3+
This is the repository for my personal website containing info about me as well as my social media links and projects. It's hosted on [github.io](https://pages.github.com/).
44

55
## Credits
66

7-
[Background image](https://www.deviantart.com/document10/art/Autumn-vibes-1243262341)
7+
[Background image](https://www.gentube.app/image/jn7bzt4zde70fs3d3fpn3877as80g252?sid=user_38VweWrmhApWGh82EpamCfH93cV&_cid=share-copy-link)
8+
89
[Fonts used](https://fonts.google.com/share?selection.family=Doto:wght@100..900|Playpen+Sans:wght@100..800|Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700)
10+
911
[Icons](https://www.iconfinder.com/)

‎img/bg.webp‎

18.5 MB
Loading

‎img/gentube.webp‎

2.21 KB
Loading

‎img/metaai.webp‎

1.15 KB
Loading

‎img/pfp.webp‎

74.3 KB
Loading

‎img/whirl.webp‎

-3.34 KB
Binary file not shown.

‎index.html‎

Lines changed: 31 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
<meta property="og:url" content="https://document10.github.io">
1212
<meta property="og:site_name" content="document10.github.io">
1313
<meta property="og:title" content="Document10">
14-
<meta property="og:description" content="I am a 20 years old developer and artist, currently in university and I have experience in multiple fields like web and fullstack development, artificial intelligence tools and more. I use Linux on a daily basis, and I learn more things about it every day.">
14+
<meta property="og:description" content="I am a 21 years old developer and artist, currently in university and I have experience in multiple fields like web and fullstack development, artificial intelligence tools and more. I use Linux on a daily basis, and I learn more things about it every day.">
1515
<meta property="og:image" content="https://raw.githubusercontent.com/document10/document10.github.io/main/img/pfp.webp">
1616
<meta property="og:image:type" content="image/png">
1717
<meta property="og:image:width" content="256">
@@ -29,8 +29,9 @@
2929
<h1>document10</h1>
3030
</div>
3131
<p id="aboutme">
32-
I am a 20 years old developer and artist, currently in <a href="https://fiesc.usv.ro/" class="ext">university</a> and I have experience in multiple fields like web and fullstack development, artificial intelligence tools and more. I use <a href="https://endeavouros.com/" class="ext">Linux</a> on a daily basis, and I learn more things about it every day.
32+
I am a 21 years old developer and artist, currently in <a href="https://fiesc.usv.ro/" class="ext">university</a> and I have experience in multiple fields like web and fullstack development, artificial intelligence tools and more. I use <a href="https://endeavouros.com/" class="ext">Linux</a> on a daily basis, and I learn more things about it every day.
3333
</p>
34+
<p class="title">Links</p>
3435
<div id="social">
3536
<div class="cat">
3637
<p class="cattitle">Social</p>
@@ -43,6 +44,9 @@ <h1>document10</h1>
4344
<a href="https://discordapp.com/users/332934999173234688" class="social">
4445
<img src="./img/discord.webp" alt="Discord" class="linkicon" >
4546
</a>
47+
<a href="https://cara.app/document10" class="social">
48+
<img src="./img/cara.webp" alt="Cara" class="linkicon" >
49+
</a>
4650
</div>
4751
<div class="cat">
4852
<p class="cattitle">Development</p>
@@ -67,19 +71,38 @@ <h1>document10</h1>
6771
<a href="https://nightcafe.art/u/document10" class="social">
6872
<img src="./img/nightcafe.webp" alt="NightCafe" class="linkicon" >
6973
</a>
70-
<a href="https://www.joinwhirl.com/document10" class="social">
71-
<img src="./img/whirl.webp" alt="Whirl" class="linkicon" >
74+
<a href="https://www.meta.ai/@document10_" class="social">
75+
<img src="./img/metaai.webp" alt="Meta AI" class="linkicon" >
7276
</a>
73-
<a href="https://cara.app/document10" class="social">
74-
<img src="./img/cara.webp" alt="Cara" class="linkicon" >
77+
<a href="https://www.gentube.app/profile/user_38VweWrmhApWGh82EpamCfH93cV?_cid=share-copy-link&sid=user_38VweWrmhApWGh82EpamCfH93cV" class="social">
78+
<img src="./img/gentube.webp" alt="Gentube" class="linkicon" >
7579
</a>
7680
</div>
7781
</div>
82+
<p class="title">Projects</p>
83+
<div id="projects">
84+
<a class="proj" href="https://github.com/document10/dumpling-bot">
85+
<p class="projtitle">DumplingBot</p>
86+
<p class="projdesc">Discord bot I created to learn more about Discord.JS and Bun. The bot uses as little external dependencies as possible. Ported from Node.JS (and even had a Deno version at some point).</p>
87+
</a>
88+
<a class="proj" href="https://github.com/document10/ccf-antenna">
89+
<p class="projtitle">CCF Antenna</p>
90+
<p class="projdesc">This is a project I created during my internship at Custom Code Factory for displaying information about cellular antennas across the world. The project was created in 3 weeks, using Next.js, Google Maps API, and TypeORM (big mistake).</p>
91+
</a>
92+
<a class="proj" href="https://github.com/document10/godot-jigsaw-puzzle">
93+
<p class="projtitle">Godot Jigsaw Puzzle</p>
94+
<p class="projdesc">This was a university team project, made in Godot since I'm comfortable with it. The game is 90% complete, with polishing features still to be added.</p>
95+
</a>
96+
<a class="proj" href="https://github.com/document10?tab=repositories&q=deno-fresh">
97+
<p class="projtitle">Deno Projects</p>
98+
<p class="projdesc">I have made a couple demo projects using Deno, Fresh (1.0) and Prisma. These days I use Bun, but these demos may still be useful for learning purposes.</p>
99+
</a>
100+
</div>
78101
<div id="footer">
79-
<a href="https://www.deviantart.com/document10/art/Autumn-vibes-1243262341" class="footer">Background</a>
102+
<a href="https://www.gentube.app/image/jn7bzt4zde70fs3d3fpn3877as80g252?sid=user_38VweWrmhApWGh82EpamCfH93cV&_cid=share-copy-link" class="footer">Background</a>
80103
<a href="https://fonts.google.com/share?selection.family=Doto:wght@100..900|Playpen+Sans:wght@100..800|Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700" class="footer">Fonts</a>
81104
<a href="https://www.iconfinder.com/" class="footer">Icons</a>
82105
</div>
83106
</div>
84107
</body>
85-
</html>
108+
</html>

‎styles.css‎

Lines changed: 129 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,13 @@
33
html,
44
body {
55
box-sizing: border-box;
6-
background: url("./img/bg.webp") repeat center center/cover;
6+
background: url("./img/bg.webp");
7+
background-size: cover;
8+
background-position: center;
9+
background-attachment: fixed;
10+
background-repeat: no-repeat;
711
padding: 0%;
812
margin: 0%;
9-
width: 100%;
10-
height: 100%;
1113
display: flex;
1214
flex-direction: column;
1315
justify-content: center;
@@ -17,7 +19,7 @@ h1 {
1719
font-family: "Doto", serif;
1820
font-optical-sizing: auto;
1921
font-size: 9vh;
20-
line-height: 8vh;
22+
line-height: 9vh;
2123
text-align: center;
2224
color: #ffffff;
2325
text-shadow:
@@ -97,24 +99,41 @@ a {
9799
border: #000000 1px solid;
98100
border-radius: 10px;
99101
padding: 0%;
100-
margin: 0% 3vw;
102+
margin: 1vh 3vh;
101103
transition: all 0.4s ease-out;
102104
}
103105

104106
#footer:hover {
105107
backdrop-filter: blur(3px);
106108
}
107109

110+
#projects {
111+
display: grid;
112+
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
113+
justify-content: space-evenly;
114+
align-content: center;
115+
background-color: #010440aa;
116+
backdrop-filter: blur(5px);
117+
border: #000000 1px solid;
118+
border-radius: 10px;
119+
padding: 0%;
120+
margin: 1vh 1vw;
121+
transition: all 0.4s ease-out;
122+
}
123+
108124
.ext {
109-
color: #1f8eff;
110-
text-shadow: 3px 3px 3px #004699;
125+
display: inline-block;
126+
color: #d94ea8;
127+
text-shadow: 3px 3px 3px #111426;
111128
font-family: "Ubuntu", sans-serif;
129+
transform: none;
112130
transition: all 0.3s ease-in;
113131
}
114132

115133
.ext:hover {
116-
color: #0726d9;
117-
text-shadow: 3px 4px 4px #010101;
134+
color: #f257ac;
135+
text-shadow: 3px 4px 4px #591b3d;
136+
transform: scale(110%);
118137
}
119138

120139
.social {
@@ -127,13 +146,13 @@ a {
127146
border-radius: 10px;
128147
padding: 0%;
129148
margin: 0.25vh 1vw;
130-
background-color: #0726d977;
149+
background-color: #18405977;
131150
backdrop-filter: blur(5px);
132151
transition: all 0.25s ease-out;
133152
}
134153

135154
.cat:hover {
136-
background-color: #02012688;
155+
background-color: #01044088;
137156
backdrop-filter: blur(9px);
138157
}
139158

@@ -148,42 +167,94 @@ a {
148167
text-align: center;
149168
}
150169

170+
.title {
171+
font-size: 6vh;
172+
line-height: 7vh;
173+
font-family: "Playpen Sans", sans-serif;
174+
color: #ffffff;
175+
text-shadow: 2px 2px 2px #010101;
176+
padding: 0%;
177+
margin: 0%;
178+
text-align: center;
179+
}
180+
181+
.proj {
182+
text-wrap: balance;
183+
text-align: left;
184+
border: #000000 solid 2px;
185+
border-radius: 10px;
186+
padding: 0%;
187+
margin: 1vh;
188+
background-color: #e3f21077;
189+
backdrop-filter: blur(5px);
190+
transform: none;
191+
transition: all 0.2s ease-out;
192+
}
193+
194+
.proj:hover {
195+
background-color: #f2e00f99;
196+
backdrop-filter: blur(10px);
197+
transform: scale(105%);
198+
}
199+
200+
.projtitle {
201+
font-size: 5vh;
202+
line-height: 4vh;
203+
font-family: "Playpen Sans", sans-serif;
204+
color: #ffffff;
205+
text-shadow: 2px 2px 2px #010101;
206+
padding: 0%;
207+
margin: 1vh;
208+
}
209+
210+
.projdesc {
211+
text-wrap: balance;
212+
text-align: left;
213+
font-size: 3vh;
214+
line-height: 3vh;
215+
font-family: "Ubuntu", sans-serif;
216+
color: #ffffff;
217+
text-shadow: 2px 2px 2px #010101;
218+
padding: 0%;
219+
margin: 1vh;
220+
}
221+
151222
.linkicon {
152223
width: 7vh;
153224
height: 7vh;
154225
padding: 0%;
155226
margin: 0%;
156-
filter: invert(85%) sepia(5%) saturate(5205%) hue-rotate(10deg)
157-
brightness(110%) contrast(90%) drop-shadow(8px 8px 5px #010101);
227+
filter: invert(9%) sepia(84%) saturate(6614%) hue-rotate(332deg)
228+
brightness(89%) contrast(98%) drop-shadow(8px 8px 5px #010101);
158229
transform: none;
159230
transition: all 0.4s ease-out;
160231
}
161232

162233
.linkicon:hover {
163-
filter: invert(40%) sepia(90%) saturate(1290%) hue-rotate(10deg)
164-
brightness(105%) contrast(95%) drop-shadow(8px 8px 5px #101010);
165-
transform: scale(125%) rotate(10deg);
234+
filter: invert(55%) sepia(39%) saturate(824%) hue-rotate(315deg)
235+
brightness(102%) contrast(90%) drop-shadow(8px 8px 5px #101010);
236+
transform: scale(125%) rotate(20deg);
166237
}
167238

168239
.footer {
169-
color: #f27405;
170-
text-shadow: 5px 5px 5px #000000;
240+
color: #18d907;
241+
text-shadow: 5px 5px 5px #101626;
171242
font-size: 3vh;
172243
line-height: 3vh;
173244
font-family: "Ubuntu", sans-serif;
174245
padding: 0%;
175-
margin: 0.75%;
246+
margin: 1vh;
176247
transform: none;
177248
transition: all 0.4s ease-out;
178249
}
179250

180251
.footer:hover {
181-
color: #f2a922;
252+
color: #13f24f;
182253
transform: scale(110%);
183-
text-shadow: 6px 6px 5px #590902;
254+
text-shadow: 6px 6px 5px #365959;
184255
}
185256

186-
@media screen and (max-width: 600px) {
257+
@media screen and (max-width: 700px) {
187258
h1 {
188259
font-size: 11vw;
189260
line-height: 11vw;
@@ -195,7 +266,7 @@ a {
195266
font-size: 5.5vw;
196267
line-height: 6vw;
197268
padding: 0%;
198-
margin: 0vh 1vw;
269+
margin: 2vw;
199270
}
200271

201272
#pfp {
@@ -211,22 +282,38 @@ a {
211282

212283
#footer {
213284
display: flex;
285+
flex-flow: row wrap;
214286
justify-content: center;
215287
align-content: center;
216288
padding: 0%;
217-
margin: 0% 0vw;
289+
margin: 1%;
290+
}
291+
292+
#projects {
293+
display: flex;
294+
flex-flow: column wrap;
295+
justify-content: space-evenly;
296+
align-content: center;
297+
padding: 0%;
298+
margin: 1vw 2vw;
218299
}
219300

220301
.ext {
221302
font-size: 5.5vw;
222303
line-height: 5.5vw;
223-
font-family: "Ubuntu", sans-serif;
224304
}
225305

226306
.social {
227307
margin: 0.5vh 0.75vw;
228308
}
229309

310+
.title {
311+
font-size: 8vw;
312+
line-height: 9vw;
313+
padding: 0%;
314+
margin: 0%;
315+
}
316+
230317
.cat {
231318
padding: 0%;
232319
margin: 0.25vh 0.5vw;
@@ -236,7 +323,7 @@ a {
236323
font-size: 6vw;
237324
line-height: 6vw;
238325
padding: 0%;
239-
margin: 0%;
326+
margin: 1vh;
240327
text-align: center;
241328
}
242329

@@ -245,11 +332,26 @@ a {
245332
line-height: 7vw;
246333
text-align: center;
247334
padding: 0%;
248-
margin: 0vh 4vw;
335+
margin: 1vh 2vw;
249336
}
250337

251338
.linkicon {
252339
width: 11vw;
253340
height: 11vw;
254341
}
342+
343+
.proj {
344+
padding: 0%;
345+
margin: 1vw;
346+
}
347+
348+
.projtitle {
349+
font-size: 7vw;
350+
line-height: 7vw;
351+
}
352+
353+
.projdesc {
354+
font-size: 4vw;
355+
line-height: 4vw;
356+
}
255357
}

0 commit comments

Comments
 (0)