Skip to content
This repository has been archived by the owner on Sep 29, 2024. It is now read-only.

Commit

Permalink
Add my 2022 wrapped
Browse files Browse the repository at this point in the history 
- Add my 2022 wrapped
- Edit music
  • Loading branch information
Fjuro authored Dec 29, 2022
1 parent 7b26fdc commit 12a44e3
Show file tree
Hide file tree
Showing 8 changed files with 68 additions and 4 deletions.
49 changes: 49 additions & 0 deletions 2022.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Fjuro</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="title" content="Fjuro">
<meta name="description" content="Fjuro's personal website">
<meta name="theme-color" content="#140170">
<!-- OpenGraph -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://fjuro.github.io/">
<meta property="og:title" content="Fjuro">
<meta property="og:description" content="Fjuro's personal website">
<meta property="og:image" content="https://fjuro.github.io/img/logo.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://fjuro.github.io/">
<meta property="twitter:title" content="Fjuro">
<meta property="twitter:description" content="Fjuro's personal website">
<meta property="twitter:image" content="https://fjuro.github.io/img/logo.png">
<!-- Stylesheets -->
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/custom.css" />
<link rel="stylesheet" href="css/fontawesome.css" />
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
</head>
<body>
<div style="padding-top: 50px; padding-bottom: 50px;">
<div class="main-box wrapped-box bg-white poppins"> <!-- I hate CSS, this page is broken on mobile view for now -->
<div class="navbar ps-4"><p><a href="./index.html" class="navbar-link">home</a> / <a href="./addons.html" class="navbar-link">addons</a> / <a href="./music.html" class="navbar-link">music</a> / <a href="./2022.html" class="navbar-link">my 2022</a></p></div>
<h1 class="ps-4 pe-4 pt-2"><b>My 2022</b></h1>
<p class="ps-4 pe-4">It seems to be popular lately to have everything “wrapped”, so here's my 2022 I guess.</p>
<div class="container ps-4 pe-4 pt-3 pb-5 text-center">
<h3><a href="https://s.team/y22/ccnnpphh" class="wrapped-title">Steam</a></h3>
<a href="https://s.team/y22/ccnnpphh"><img src="wrapped/22-steam.png" class="wrapped-img"></a>

<h3 class="pt-5"><a href="https://www.labymod.net/api/wrapped/card/e0bbf5d6-0084-4076-bbe0-69a85460df08" class="wrapped-title">LabyMod</a></h3>
<a href="https://www.labymod.net/api/wrapped/card/e0bbf5d6-0084-4076-bbe0-69a85460df08"><img src="wrapped/22-labymod.webp" class="wrapped-img"></a>

<h3 class="pt-5"><a href="https://my.hypixel.net/2022/3b3d7754f19a4209b70f68cc78084ab0" class="wrapped-title">Hypixel</a></h3>
<a href="https://my.hypixel.net/2022/3b3d7754f19a4209b70f68cc78084ab0"><img src="wrapped/22-hypixel.png" class="wrapped-img"></a>
</div>
</div>
</div>
<script src="js/bootstrap.bundle.min.js"></script>
</body>
</html>
2 changes: 1 addition & 1 deletion addons.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@
</head>
<body>
<div class="main-box position-absolute top-50 start-50 translate-middle bg-white poppins" style="min-width: 400px;">
<div class="navbar ps-4"><p><a href="./index.html" class="navbar-link">home</a> / <a href="./addons.html" class="navbar-link">addons</a> / <a href="./music.html" class="navbar-link">music</a></p></div>
<div class="navbar ps-4"><p><a href="./index.html" class="navbar-link">home</a> / <a href="./addons.html" class="navbar-link">addons</a> / <a href="./music.html" class="navbar-link">music</a> / <a href="./2022.html" class="navbar-link">my 2022</a></p></div>
<h1 class="ps-4 pe-4 pt-2"><b>Recommended addons</b></h1>
<p class="ps-4 pe-4">Some essential browser addons and Windows programs everyone should use. All of the addons below are open-source and completely free to use.</p>
<div class="container ps-4 pe-4">
Expand Down
15 changes: 15 additions & 0 deletions css/custom.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -53,4 +53,19 @@ h1 {
.music-box {
border-radius: 15px;
color: white;
}
.wrapped-img {
width: 512px;
border-radius: 15px;
}
.wrapped-box {
width: 730px;
margin: auto;
}
.wrapped-title {
color: #140170;
text-decoration: none;
}
.wrapped-title:hover {
color: #321d9b;
}
2 changes: 1 addition & 1 deletion index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@
</head>
<body>
<div class="main-box position-absolute top-50 start-50 translate-middle bg-white poppins" style="min-width: 400px;">
<div class="navbar ps-4"><p><a href="./index.html" class="navbar-link">home</a> / <a href="./addons.html" class="navbar-link">addons</a> / <a href="./music.html" class="navbar-link">music</a></p></div>
<div class="navbar ps-4"><p><a href="./index.html" class="navbar-link">home</a> / <a href="./addons.html" class="navbar-link">addons</a> / <a href="./music.html" class="navbar-link">music</a> / <a href="./2022.html" class="navbar-link">my 2022</a></p></div>
<h1 class="ps-4 pe-4 pt-2"><b>Fjuro</b></h1>
<p class="ps-4 pe-4">Hello! My name is Jonas, but I'm more known as Fjuro on the internet. I'm a hobby translator and beginner website developer (I mainly like frontend). You can find projects I'm currently involved in and platforms I'm on below.</p>
<div class="container ps-4 pe-4">
Expand Down
4 changes: 2 additions & 2 deletions music.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,9 +28,9 @@
</head>
<body>
<div class="main-box position-absolute top-50 start-50 translate-middle bg-white poppins" style="min-width: 400px;">
<div class="navbar ps-4"><p><a href="./index.html" class="navbar-link">home</a> / <a href="./addons.html" class="navbar-link">addons</a> / <a href="./music.html" class="navbar-link">music</a></p></div>
<div class="navbar ps-4"><p><a href="./index.html" class="navbar-link">home</a> / <a href="./addons.html" class="navbar-link">addons</a> / <a href="./music.html" class="navbar-link">music</a> / <a href="./2022.html" class="navbar-link">my 2022</a></p></div>
<h1 class="ps-4 pe-4 pt-2"><b>Favorite music</b></h1>
<p class="ps-4 pe-4">I mainly like rock and 80s/synthwawe music (and sometimes electronic), although I can listen to almost everything. You can find music I listen to by clicking <a href="https://cloud.rkslot.nl/s/RfXrLcPHYnQaoLy" target="_blank">here</a>.</p>
<p class="ps-4 pe-4">I mainly like indie, rock and 80s/synthwawe music (and sometimes electronic), although I can listen to almost everything. You can find some of the music I listen to by clicking <a href="https://cloud.rkslot.nl/s/RfXrLcPHYnQaoLy" target="_blank">here</a>.</p>
<div class="container ps-4 pe-4 pb-4">
<p><b>Current favorite:</b></p>
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/album/1jn0CqqqNxMMBdNeznTj2d?utm_source=generator" width="100%" height="380" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"></iframe>
Expand Down
Binary file added wrapped/22-hypixel.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added wrapped/22-labymod.webp
View file
Binary file not shown.
Binary file added wrapped/22-steam.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 12a44e3

Please sign in to comment.