mirror of
https://github.com/GenShibe/website.git
synced 2025-02-12 14:24:50 +00:00
Gen
GitHub
commit
624745511c
2 changed files with 111 additions and 104 deletions
102
index.html
102
index.html
|
|
@ -1,57 +1,65 @@
|
|||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="wilih=device-wilih, initial-scale=1.0">
|
||||
<meta property="og:title" content="Gen's Website" />
|
||||
<meta property="og:description" content="A little bit of information about me :3" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://www.genshibe.gay" />
|
||||
<title>Gen's Website</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<br>
|
||||
<br>
|
||||
<div class="container">
|
||||
<div class="divs">
|
||||
<h1>Hi, I'm Gen</h1>
|
||||
<h2>and I use <a href="https://en.pronouns.page/@genshibe" target="_blank">any pronouns :3</a></h2>
|
||||
<div class="nya"></div>
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta property="og:title" content="Gen's Website" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="A little bit of information about me :3"
|
||||
/>
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://genshibe.github.io" />
|
||||
<title>Gen's Website</title>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<h1>Hi, I'm Gen!</h1>
|
||||
<h2>
|
||||
I use
|
||||
<a href="https://en.pronouns.page/@genshibe">any pronouns :3</a>
|
||||
</h2>
|
||||
<hr />
|
||||
<h2>I'm a 19 year old...</h2>
|
||||
<ul>
|
||||
<h4>I'm a 19 year old...</h4>
|
||||
<br>
|
||||
<li>Transit enthusiast 🚍</li>
|
||||
<li>Photographer 📸</li>
|
||||
<li>Student 🧑‍🎓</li>
|
||||
<li>Canadian 🇨🇦 </li>
|
||||
<li>Canadian 🇨🇦</li>
|
||||
<li>Hong Konger 🇭🇰</li>
|
||||
<li>Maintainer at <a class="fuck" href="https://github.com/catppuccin/userstyles"
|
||||
target="_blank">Catppuccin</a></li>
|
||||
<li>
|
||||
Maintainer at
|
||||
<a
|
||||
class="catppuccin"
|
||||
href="https://github.com/catppuccin/userstyles"
|
||||
>Catppuccin</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
<br>
|
||||
<h4>Contact me via:</h4>
|
||||
<div class="nya"></div>
|
||||
<br>
|
||||
<div class="button-container">
|
||||
<div class="batton">
|
||||
<a href="https://discord.com/users/217892728875253760" target="_blank" class="button">Discord</a>
|
||||
<a href="https://www.instagram.com/spotter_gen/" target="_blank" class="button">Instagram</a>
|
||||
<a href="mailto:genshibe@gmail.com" target="_blank" class="button">Email</a>
|
||||
<hr />
|
||||
<footer>
|
||||
<div class="socials">
|
||||
<a href="https://discord.com/users/217892728875253760"
|
||||
>Discord</a
|
||||
>
|
||||
<a href="https://www.instagram.com/spotter_gen/"
|
||||
>Instagram</a
|
||||
>
|
||||
<a href="mailto:genshibe@gmail.com">Email</a>
|
||||
</div>
|
||||
<br>
|
||||
<footer>
|
||||
<i>
|
||||
Last Updated: <i id=woof></i> | ©️ Licensed under GPL V3
|
||||
<br>
|
||||
<a href="https://github.com/GenShibe/genshibe.github.io/" target="_blank">Source Code</a>
|
||||
</i>
|
||||
</footer>
|
||||
</div>
|
||||
<script> document.getElementById("woof").innerHTML = document.lastModified; </script>
|
||||
<span
|
||||
>Last updated at <span class="last-updated"></span> | ©️
|
||||
Licensed under GPL V3 |
|
||||
<a href="https://github.com/GenShibe/genshibe.github.io/"
|
||||
>Open source</a
|
||||
></span
|
||||
>
|
||||
</footer>
|
||||
</main>
|
||||
</body>
|
||||
|
||||
<script>
|
||||
document.querySelector(".last-updated").innerHTML =
|
||||
document.lastModified;
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
113
style.css
113
style.css
|
|
@ -1,57 +1,61 @@
|
|||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #303446;
|
||||
color: #4c4f69;
|
||||
font-family: "Figtree", Arial, sans-serif;
|
||||
font-family: Arial, sans-serif;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
.container {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 75%;
|
||||
grid-gap: 20px;
|
||||
|
||||
p {
|
||||
font-size: 2em;
|
||||
margin: 10px;
|
||||
text-align: center;
|
||||
color: #c6d0f5;
|
||||
}
|
||||
ul {
|
||||
padding: 0;
|
||||
|
||||
a {
|
||||
color: #8caaee;
|
||||
}
|
||||
.divs {
|
||||
border: 2px solid #ef9f76;
|
||||
border-radius: 10px;
|
||||
padding: 0;
|
||||
a:hover {
|
||||
color: #85c1dc;
|
||||
}
|
||||
a:visited {
|
||||
color: #ca9ee6;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin-bottom: 2px;
|
||||
margin-top: 2px;
|
||||
font-size: 3.5em;
|
||||
font-size: 3em;
|
||||
color: #c6d0f5;
|
||||
text-align: center;
|
||||
}
|
||||
h2 {
|
||||
margin-top: 2px;
|
||||
margin-bottom: 2px;
|
||||
font-size: 3em;
|
||||
font-size: 2em;
|
||||
color: #c6d0f5;
|
||||
text-align: center;
|
||||
}
|
||||
h4 {
|
||||
h3 {
|
||||
margin-top: 2px;
|
||||
margin-bottom: 2px;
|
||||
font-size: 2.5em;
|
||||
font-size: 1.5em;
|
||||
color: #ef9f76;
|
||||
text-align: center;
|
||||
}
|
||||
footer {
|
||||
text-align: center;
|
||||
border-top: 2px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 0px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 80%;
|
||||
color: #c6d0f5
|
||||
|
||||
ul {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
font-size: 1.5em;
|
||||
text-align: center;
|
||||
|
|
@ -59,7 +63,26 @@ li {
|
|||
color: #c6d0f5;
|
||||
margin-bottom: 1.5px;
|
||||
}
|
||||
.button {
|
||||
|
||||
footer {
|
||||
margin: 0 auto;
|
||||
color: #c6d0f5;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
gap: 2rem;
|
||||
}
|
||||
|
||||
.socials {
|
||||
display: flex;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.socials a {
|
||||
padding: 0.25rem 0.5rem;
|
||||
text-decoration: none;
|
||||
color: #c6d0f5;
|
||||
|
|
@ -69,43 +92,19 @@ li {
|
|||
text-align: center;
|
||||
font-size: 1.25em;
|
||||
margin: 5px;
|
||||
line-height: 1.75em
|
||||
line-height: 1.75em;
|
||||
}
|
||||
.button:hover {
|
||||
.socials a:hover {
|
||||
background-color: #ef9f76;
|
||||
color: #292c3c;
|
||||
border-color: #fab387;
|
||||
}
|
||||
a {
|
||||
color: #8caaee
|
||||
}
|
||||
a:hover {
|
||||
color: #85c1dc
|
||||
}
|
||||
a:not(.button):visited {
|
||||
color: #ca9ee6
|
||||
}
|
||||
.batton {
|
||||
display: flex;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.nya {
|
||||
|
||||
hr {
|
||||
height: 2px;
|
||||
width: 80%;
|
||||
background-color: #949cbb;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 10px;
|
||||
border: none;
|
||||
margin: 1.5rem auto;
|
||||
box-shadow: 0 0 5px 0px #949cbb;
|
||||
}
|
||||
@media screen and (max-width:750px) {
|
||||
#e {
|
||||
padding: 0px;
|
||||
margin-left: 0px
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue