Skip to content

Commit 2f05283

Browse files
document10document10
committed
website spring refresh
1 parent e0218e0 commit 2f05283

6 files changed

Lines changed: 54 additions & 29 deletions

File tree

‎README.md‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
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.You can also use it as a template for your own personal website.
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/). You can also use it as a template for your own personal website.
44

55
## Credits
6-
- [Background image generated using AI](https://www.deviantart.com/document10/art/Snowy-Contrast-1011634348)
7-
- [Fonts used](https://fonts.google.com/share?selection.family=Playpen+Sans|Ubuntu)
8-
- [Icons](https://www.iconfinder.com/)
6+
7+
[Background image](https://www.deviantart.com/document10/art/Blossom-1026337532)
8+
[Fonts used](https://fonts.google.com/share?selection.family=Playpen+Sans|Ubuntu)
9+
[Icons](https://www.iconfinder.com/)

‎img/bg.webp‎

-40 KB
Loading

‎img/bwpfp.ico‎

-35.5 KB
Binary file not shown.

‎img/nightcafe.webp‎

15.4 KB
Loading

‎index.html‎

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -6,19 +6,19 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
77
<meta name="description" content="Personal Portofolio Website">
88
<meta name="author" content="document10">
9-
<meta name="keywords" content="HTML,CSS,JS,PY,GO,USV,CTR,Personal,Portofolio,Website,Abilities,Skills">
9+
<meta name="keywords" content="HTML, CSS, JS, PY, Python, GO, USV, CTR, Personal, Portofolio, Website, Skills, Art, Dev, Developement, Software">
1010
<meta name="theme-color" content="#00aaaa">
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 18 years old developer,currently in university and I have a lot of experience with languages like JS,Python,CSS,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 19 years old developer and artist, currently in university and I have a lot of experience with languages like JS, Python, CSS, 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">
1818
<meta property="og:image:height" content="256">
1919
<meta property="og:image:alt" content="My profile picture">
2020
<link rel="stylesheet" href="styles.css">
21-
<link rel="icon" type="image/x-icon" href="./img/bwpfp.ico">
21+
<link rel="icon" type="image/x-icon" href="./img/pfp.webp">
2222
<link rel="preconnect" href="https://fonts.googleapis.com">
2323
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
2424
<link rel="dns-prefetch" href="https://fonts.googleapis.com">
@@ -31,7 +31,7 @@
3131
<h1>document10</h1>
3232
</div>
3333
<p id="aboutme">
34-
I am a 18 years old developer and artist, currently in university and I have a lot of experience with languages like JS, Python, CSS, and more. I use Linux on a daily basis, and I learn more things about it every day.
34+
I am a 19 years old developer and artist, currently in <a href="https://fiesc.usv.ro/" class="ext">university</a> and I have a lot of experience with languages like JS, Python, CSS, 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.
3535
</p>
3636
<div id="social">
3737
<a href="https://github.com/document10" class="social">
@@ -52,6 +52,9 @@ <h1>document10</h1>
5252
<a href="https://www.deviantart.com/document10" class="social">
5353
<img src="./img/deviantart.webp" alt="Deviantart" class="linkicon">
5454
</a>
55+
<a href="https://creator.nightcafe.studio/u/document10" class="social">
56+
<img src="./img/nightcafe.webp" alt="NightCafe" class="linkicon" >
57+
</a>
5558
<a href="https://www.instagram.com/document10_/" class="social">
5659
<img src="./img/instagram.webp" alt="Instagram" class="linkicon" >
5760
</a>
@@ -63,7 +66,7 @@ <h1>document10</h1>
6366
</a>
6467
</div>
6568
<div id="footer">
66-
<a href="https://www.deviantart.com/document10/art/Snowy-Contrast-1011634348" class="footer">Background (AI generated)</a>
69+
<a href="https://www.deviantart.com/document10/art/Blossom-1026337532" class="footer">Background</a>
6770
<a href="https://fonts.google.com/share?selection.family=Playpen+Sans|Ubuntu" class="footer">Fonts used</a>
6871
<a href="https://www.iconfinder.com/" class="footer">Icons source</a>
6972
</div>

‎styles.css‎

Lines changed: 41 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ h1{
1818
font-family: 'Playpen Sans', cursive;
1919
text-align: center;
2020
color: #ffffff;
21-
text-shadow: 2px 3px 5px #888888;
21+
text-shadow: 2px 3px 5px #808080;
2222
font-size: 7vh;
2323
padding: 0%;
2424
margin: 0%;
@@ -32,7 +32,7 @@ a {
3232
#main{
3333
display: flex;
3434
flex-direction: column;
35-
justify-content: center;
35+
justify-content: space-evenly;
3636
padding: 0%;
3737
margin: 0%;
3838
width: 100%;
@@ -49,15 +49,15 @@ a {
4949

5050
#social{
5151
padding: 0%;
52-
margin: 1vh 10vw;
52+
margin: 0% 10vw;
5353
display: flex;
5454
flex-flow: row wrap;
5555
align-content: center;
5656
justify-content: center;
5757
}
5858

5959
#pfp{
60-
border: 3px solid #000000;
60+
border: 2px dashed #101010;
6161
border-radius: 100%;
6262
width: 30vh;
6363
height: 30vh;
@@ -67,17 +67,15 @@ a {
6767
}
6868

6969
#aboutme{
70-
display: flex;
71-
flex-direction: column;
72-
justify-content: space-evenly;
7370
padding: 0%;
74-
margin: 1vh 7vw;
71+
margin: 0% 7vw;
7572
text-wrap: balance;
7673
text-align: center;
7774
font-size: 3.5vh;
7875
font-family: 'Ubuntu', sans-serif;
79-
color: #60cdef;
76+
color: #40ee60;
8077
text-shadow: 3px 3px 3px #010101;
78+
border: #000000 solid 1px;
8179
border-radius: 10px;
8280
backdrop-filter: blur(5px);
8381
transition: all 0.25s;
@@ -90,12 +88,25 @@ a {
9088
align-content: center;
9189
background-color: #000000aa;
9290
backdrop-filter: blur(5px);
93-
border: #000000 2px solid;
91+
border: #000000 1px solid;
9492
border-radius: 10px;
9593
padding: 0%;
9694
margin: 0% 3vw;
9795
}
9896

97+
.ext {
98+
color: #d0ef11;
99+
font-size: 3.5vh;
100+
font-family: 'Ubuntu', sans-serif;
101+
text-shadow: 2px 3px 4px #101010;
102+
transition: all 0.25s;
103+
}
104+
105+
.ext:hover{
106+
color: #aa4477;
107+
text-shadow: 3px 2px 4px #010101;
108+
}
109+
99110
.social{
100111
padding: 0%;
101112
margin: 2vh 2.5vw;
@@ -106,12 +117,14 @@ a {
106117
height: 6vh;
107118
padding: 0%;
108119
margin: 0%;
120+
filter: invert(25%) sepia(100%) saturate(7500%) hue-rotate(315deg) brightness(105%) contrast(105%) opacity(100%) drop-shadow(8px 8px 5px #000000);
121+
transform: none;
109122
transition: all 0.5s;
110-
filter: invert(10%) sepia(100%) saturate(7380%) hue-rotate(245deg) brightness(110%) contrast(125%) drop-shadow(8px 8px 5px #000000);
111123
}
112124

113125
.linkicon:hover{
114-
filter: invert(80%) sepia(10%) saturate(5255%) hue-rotate(100deg) brightness(100%) contrast(110%) drop-shadow(8px 8px 5px #000000);
126+
filter: invert(60%) sepia(90%) saturate(1420%) hue-rotate(70deg) brightness(100%) contrast(100%) opacity(90%) drop-shadow(8px 8px 5px #101010);
127+
transform: scale(125%);
115128
}
116129

117130
.footer {
@@ -121,29 +134,31 @@ a {
121134
font-family: 'Ubuntu', sans-serif;
122135
padding: 0%;
123136
margin: 0.75%;
137+
transform: none;
124138
transition: all 0.5s;
125139
}
126140

127141
.footer:hover {
128142
color: #aaff00;
143+
transform: scale(105%);
129144
text-shadow: 6px 6px 5px #666666;
130145
}
131146

132147
@media screen and (max-width: 600px) {
133148

134149
h1 {
135150
font-size: 12vw;
136-
line-height: 13vw;
151+
line-height: 12vw;
137152
padding: 0%;
138153
margin: 0%;
139154
}
140-
155+
141156
#aboutme {
142157
font-size: 5.5vw;
143158
line-height: 5.5vw;
144159
text-align: center;
145160
padding: 0%;
146-
margin: 0%;
161+
margin: 0% 1vw ;
147162
}
148163

149164
#pfp {
@@ -157,23 +172,29 @@ a {
157172
}
158173

159174
#footer{
160-
flex-direction: column;
175+
display: flex;
161176
justify-content: center;
162177
align-content: center;
163178
padding: 0%;
164-
margin: 1vh 4vw 0% 4vw;
179+
margin: 0% 4vw;
180+
}
181+
182+
.ext {
183+
font-size: 5.5vw;
184+
line-height: 5.5vw;
185+
font-family: 'Ubuntu', sans-serif;
186+
transition: all 0.5s;
165187
}
166188

167189
.social {
168190
margin: 1vh 3vw;
169191
}
170192

171193
.footer{
172-
font-size: 6vw;
194+
font-size: 7vw;
173195
text-align: center;
174196
padding: 0%;
175-
margin: 0.5vh 0%;
176-
width: 100%;
197+
margin: 1vh 4vw;
177198
}
178199

179200
.linkicon {

0 commit comments

Comments
 (0)