init
1
.gitignore
vendored
Normal file
|
@ -0,0 +1 @@
|
|||
.idea
|
13
LICENSE
Normal file
|
@ -0,0 +1,13 @@
|
|||
Copyright 2022-2024 Redume
|
||||
|
||||
Licensed under the Apache License, Version 2.0 (the "License");
|
||||
you may not use this file except in compliance with the License.
|
||||
You may obtain a copy of the License at
|
||||
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
Unless required by applicable law or agreed to in writing, software
|
||||
distributed under the License is distributed on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
112
index.html
Normal file
|
@ -0,0 +1,112 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Redume</title>
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="author" content="Redume">
|
||||
<link rel="canonical" href="https://redume.live/">
|
||||
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
|
||||
|
||||
<link rel="stylesheet" href="static/style/main.css" type="text/css">
|
||||
</head>
|
||||
<body>
|
||||
<a rel="me" href="https://mastodon.ml/@redddume" style="display: none">Mastodon</a>
|
||||
<div id="profile">
|
||||
<a id="profile_nickname">Redume</a>
|
||||
<img src="https://avatars.githubusercontent.com/u/49362257" alt="Redume avatar" id="profile_avatar">
|
||||
<div id="profile_contact_img">
|
||||
<a href="https://t.me/Redddume">
|
||||
<img src="/static/img/telegram.svg"
|
||||
alt="Telegram"
|
||||
class="profile_social_img"
|
||||
data-tippy-content="Telegram"
|
||||
>
|
||||
</a>
|
||||
<a href="https://github.com/Redume">
|
||||
<img src="/static/img/github.svg"
|
||||
alt="Github"
|
||||
class="profile_social_img"
|
||||
data-tippy-content="Github"
|
||||
>
|
||||
</a>
|
||||
|
||||
<a href="https://matrix.to/#/@redume:matrix.org">
|
||||
<img src="/static/img/matrix.svg"
|
||||
alt="Matrix"
|
||||
class="profile_social_img"
|
||||
data-tippy-content="Matrix"
|
||||
>
|
||||
</a>
|
||||
|
||||
<a href="mailto:redddume@gmail.com">
|
||||
<img src="/static/img/mail.svg"
|
||||
alt="Email"
|
||||
class="profile_social_img"
|
||||
data-tippy-content="Email"
|
||||
>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="projects">
|
||||
<div class="project">
|
||||
<img class="project-img" src="static/img/spaceship.png" alt="Starlio img">
|
||||
<p class="project-title">Starlio</p>
|
||||
<p class="project-desc">Amazing wallpaper straight from space!</p>
|
||||
<div class="project-links">
|
||||
<a href="https://starlio.space">
|
||||
<img src="static/img/captive-portal.svg"
|
||||
alt="website"
|
||||
class="project-img-link"
|
||||
data-tippy-content="Website">
|
||||
</a>
|
||||
<a href="https://github.com/Starlio-app/StarlioX">
|
||||
<img src="static/img/github.svg"
|
||||
alt="github"
|
||||
class="project-img-link"
|
||||
data-tippy-content="Github">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="project">
|
||||
<img class="project-img" src="static/img/Shirino.png" alt="Shirino img">
|
||||
<p class="project-title">Shirino</p>
|
||||
<p class="project-desc">Shirino is a telegram bot that outputs the exchange rate using DuckDuckGo and CoinAPI.</p>
|
||||
<div class="project-links">
|
||||
<a href="https://t.me/Shirino_bot">
|
||||
<img src="static/img/telegram.svg"
|
||||
alt="Telegram"
|
||||
class="project-img-link"
|
||||
data-tippy-content="Website">
|
||||
</a>
|
||||
<a href="https://github.com/Redume/Shirino">
|
||||
<img src="static/img/github.svg"
|
||||
alt="github"
|
||||
class="project-img-link"
|
||||
data-tippy-content="Github">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="project">
|
||||
<img class="project-img" src="static/img/kekkai.png" alt="Kekkai banner" style="margin-top: 15px">
|
||||
<p class="project-title">Kekkai</p>
|
||||
<p class="project-desc">API providing historical currency data.</p>
|
||||
<div class="project-links">
|
||||
<a href="https://github.com/Redume/Kekkai">
|
||||
<img src="static/img/github.svg"
|
||||
alt="github"
|
||||
class="project-img-link"
|
||||
data-tippy-content="Github">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script src="https://unpkg.com/@popperjs/core@2"></script>
|
||||
<script src="https://unpkg.com/tippy.js@6"></script>
|
||||
<script src="/static/scripts/tooltip.js" type="application/javascript"></script>
|
||||
</html>
|
BIN
static/img/Shirino.png
Normal file
After Width: | Height: | Size: 55 KiB |
1
static/img/captive-portal.svg
Normal file
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" fill="white" height="48" viewBox="0 96 960 960" width="48"><path d="M394 905q-26-40-43-82.5T323 726H172q35 70 91 115t131 64ZM152 666h160q-3-24-4-43.5t-1-44.5q0-21 .5-42.5T311 487H152q-7 24-9.5 44.5T140 578q0 26 2.5 45t9.5 43Zm20-239h150q12-55 30-99t43-82q-85 29-135 69.5T172 427Zm212 0h193q-15-64-38.5-110.5T480 234q-35 37-58.5 85T384 427Zm255 0h149q-35-65-92.5-111T566 247q25 38 42.5 82t30.5 98ZM480 976q-84 0-157-30.5T196 861q-54-54-85-126.5T80 578q0-84 31-157.5T196 293q54-54 127-85.5T480 176q84 0 157 31.5T764 293q54 54 85 127.5T880 578q0 17-1 34t-4 34h-62q4-17 5.5-32.5T820 578q0-26-2.5-46.5T808 487H648q3 30 4.5 49.5T654 578q0 14-.5 28.5T651 646h-61q2-21 3-36t1-32q0-21-1-40.5t-5-50.5H373q-4 31-5 50.5t-1 40.5q0 20 1 38.5t5 49.5h177v60H384q20 75 42 119t54 71q21-22 38.5-49t31.5-56v159q-17 3-34.5 4.5T480 976Zm318-39L670 809v103h-60V706h206v60H712l128 128-42 43Z"/></svg>
|
After Width: | Height: | Size: 916 B |
1
static/img/github.svg
Normal file
After Width: | Height: | Size: 6.1 KiB |
BIN
static/img/kekkai.png
Normal file
After Width: | Height: | Size: 23 KiB |
4
static/img/mail.svg
Normal file
|
@ -0,0 +1,4 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
|
||||
width="48" height="48"
|
||||
viewBox="0 0 48 48"
|
||||
style=" fill:#000000;"><linearGradient id="6769YB8EDCGhMGPdL9zwWa_ho8QlOYvMuG3_gr1" x1="15.072" x2="24.111" y1="13.624" y2="24.129" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e3e3e3"></stop><stop offset="1" stop-color="#e2e2e2"></stop></linearGradient><path fill="url(#6769YB8EDCGhMGPdL9zwWa_ho8QlOYvMuG3_gr1)" d="M42.485,40H5.515C4.126,40,3,38.874,3,37.485V10.515C3,9.126,4.126,8,5.515,8h36.969 C43.874,8,45,9.126,45,10.515v26.969C45,38.874,43.874,40,42.485,40z"></path><linearGradient id="6769YB8EDCGhMGPdL9zwWb_ho8QlOYvMuG3_gr2" x1="26.453" x2="36.17" y1="25.441" y2="37.643" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f5f5f5"></stop><stop offset=".03" stop-color="#eee"></stop><stop offset="1" stop-color="#eee"></stop></linearGradient><path fill="url(#6769YB8EDCGhMGPdL9zwWb_ho8QlOYvMuG3_gr2)" d="M42.485,40H8l37-29v26.485C45,38.874,43.874,40,42.485,40z"></path><linearGradient id="6769YB8EDCGhMGPdL9zwWc_ho8QlOYvMuG3_gr3" x1="3" x2="45" y1="24" y2="24" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d74a39"></stop><stop offset="1" stop-color="#c73d28"></stop></linearGradient><path fill="url(#6769YB8EDCGhMGPdL9zwWc_ho8QlOYvMuG3_gr3)" d="M5.515,8H8v32H5.515C4.126,40,3,38.874,3,37.485V10.515C3,9.126,4.126,8,5.515,8z M42.485,8 H40v32h2.485C43.874,40,45,38.874,45,37.485V10.515C45,9.126,43.874,8,42.485,8z"></path><linearGradient id="6769YB8EDCGhMGPdL9zwWd_ho8QlOYvMuG3_gr4" x1="24" x2="24" y1="8" y2="38.181" gradientUnits="userSpaceOnUse"><stop offset="0" stop-opacity=".15"></stop><stop offset="1" stop-opacity=".03"></stop></linearGradient><path fill="url(#6769YB8EDCGhMGPdL9zwWd_ho8QlOYvMuG3_gr4)" d="M42.485,40H30.515L3,11.485v-0.969C3,9.126,4.126,8,5.515,8h36.969 C43.874,8,45,9.126,45,10.515v26.969C45,38.874,43.874,40,42.485,40z"></path><linearGradient id="6769YB8EDCGhMGPdL9zwWe_ho8QlOYvMuG3_gr5" x1="3" x2="45" y1="17.73" y2="17.73" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f5f5f5"></stop><stop offset="1" stop-color="#f5f5f5"></stop></linearGradient><path fill="url(#6769YB8EDCGhMGPdL9zwWe_ho8QlOYvMuG3_gr5)" d="M43.822,13.101L24,27.459L4.178,13.101C3.438,12.565,3,11.707,3,10.793v-0.278 C3,9.126,4.126,8,5.515,8h36.969C43.874,8,45,9.126,45,10.515v0.278C45,11.707,44.562,12.565,43.822,13.101z"></path><linearGradient id="6769YB8EDCGhMGPdL9zwWf_ho8QlOYvMuG3_gr6" x1="24" x2="24" y1="8.446" y2="27.811" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e05141"></stop><stop offset="1" stop-color="#de4735"></stop></linearGradient><path fill="url(#6769YB8EDCGhMGPdL9zwWf_ho8QlOYvMuG3_gr6)" d="M42.485,8h-0.3L24,21.172L5.815,8h-0.3C4.126,8,3,9.126,3,10.515v0.278 c0,0.914,0.438,1.772,1.178,2.308L24,27.459l19.822-14.358C44.562,12.565,45,11.707,45,10.793v-0.278C45,9.126,43.874,8,42.485,8z"></path></svg>
|
After Width: | Height: | Size: 2.8 KiB |
1
static/img/matrix.svg
Normal file
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" fill="grey" viewBox="0 0 50 50" width="50px" height="50px"><path d="M 5 5 A 1.0001 1.0001 0 0 0 4 6 L 4 44 A 1.0001 1.0001 0 0 0 5 45 L 8 45 A 1.0001 1.0001 0 1 0 8 43 L 6 43 L 6 7 L 8 7 A 1.0001 1.0001 0 1 0 8 5 L 5 5 z M 42 5 A 1.0001 1.0001 0 1 0 42 7 L 44 7 L 44 43 L 42 43 A 1.0001 1.0001 0 1 0 42 45 L 45 45 A 1.0001 1.0001 0 0 0 46 44 L 46 6 A 1.0001 1.0001 0 0 0 45 5 L 42 5 z M 31.074219 17.509766 C 29.975744 17.487506 28.868391 17.760297 27.978516 18.373047 C 27.407516 18.767047 26.915609 19.272813 26.349609 19.757812 C 25.488609 18.039813 23.929344 17.580781 22.152344 17.550781 C 20.351344 17.519781 18.920922 18.341797 17.669922 19.841797 L 17.669922 18 L 14 18 L 14 32 L 17.664062 32 C 17.664062 32 17.657969 26.766016 17.667969 24.166016 C 17.669969 23.704016 17.689203 23.23225 17.783203 22.78125 C 18.073203 21.39225 19.538031 20.534437 20.957031 20.648438 C 22.309031 20.757437 23.100016 21.495656 23.166016 23.097656 C 23.177016 23.376656 23.166016 32 23.166016 32 L 26.832031 32 L 26.832031 24.228516 C 26.838031 23.629516 26.901875 23.0175 27.046875 22.4375 C 27.372875 21.1375 28.590531 20.49825 30.019531 20.65625 C 31.279531 20.79525 32.239031 21.474609 32.332031 22.849609 L 32.332031 32 L 36 32 L 36 22 C 36 21 35.746359 20.490859 35.443359 19.880859 C 34.710859 18.405234 32.90501 17.546865 31.074219 17.509766 z"/></svg>
|
After Width: | Height: | Size: 1.4 KiB |
BIN
static/img/spaceship.png
Normal file
After Width: | Height: | Size: 63 KiB |
1
static/img/telegram.svg
Normal file
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><linearGradient id="BiF7D16UlC0RZ_VqXJHnXa" x1="9.858" x2="38.142" y1="9.858" y2="38.142" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#33bef0"/><stop offset="1" stop-color="#0a85d9"/></linearGradient><path fill="url(#BiF7D16UlC0RZ_VqXJHnXa)" d="M44,24c0,11.045-8.955,20-20,20S4,35.045,4,24S12.955,4,24,4S44,12.955,44,24z"/><path d="M10.119,23.466c8.155-3.695,17.733-7.704,19.208-8.284c3.252-1.279,4.67,0.028,4.448,2.113 c-0.273,2.555-1.567,9.99-2.363,15.317c-0.466,3.117-2.154,4.072-4.059,2.863c-1.445-0.917-6.413-4.17-7.72-5.282 c-0.891-0.758-1.512-1.608-0.88-2.474c0.185-0.253,0.658-0.763,0.921-1.017c1.319-1.278,1.141-1.553-0.454-0.412 c-0.19,0.136-1.292,0.935-1.745,1.237c-1.11,0.74-2.131,0.78-3.862,0.192c-1.416-0.481-2.776-0.852-3.634-1.223 C8.794,25.983,8.34,24.272,10.119,23.466z" opacity=".05"/><path d="M10.836,23.591c7.572-3.385,16.884-7.264,18.246-7.813c3.264-1.318,4.465-0.536,4.114,2.011 c-0.326,2.358-1.483,9.654-2.294,14.545c-0.478,2.879-1.874,3.513-3.692,2.337c-1.139-0.734-5.723-3.754-6.835-4.633 c-0.86-0.679-1.751-1.463-0.71-2.598c0.348-0.379,2.27-2.234,3.707-3.614c0.833-0.801,0.536-1.196-0.469-0.508 c-1.843,1.263-4.858,3.262-5.396,3.625c-1.025,0.69-1.988,0.856-3.664,0.329c-1.321-0.416-2.597-0.819-3.262-1.078 C9.095,25.618,9.075,24.378,10.836,23.591z" opacity=".07"/><path fill="#fff" d="M11.553,23.717c6.99-3.075,16.035-6.824,17.284-7.343c3.275-1.358,4.28-1.098,3.779,1.91 c-0.36,2.162-1.398,9.319-2.226,13.774c-0.491,2.642-1.593,2.955-3.325,1.812c-0.833-0.55-5.038-3.331-5.951-3.984 c-0.833-0.595-1.982-1.311-0.541-2.721c0.513-0.502,3.874-3.712,6.493-6.21c0.343-0.328-0.088-0.867-0.484-0.604 c-3.53,2.341-8.424,5.59-9.047,6.013c-0.941,0.639-1.845,0.932-3.467,0.466c-1.226-0.352-2.423-0.772-2.889-0.932 C9.384,25.282,9.81,24.484,11.553,23.717z"/></svg>
|
After Width: | Height: | Size: 1.8 KiB |
6
static/scripts/tooltip.js
Normal file
|
@ -0,0 +1,6 @@
|
|||
tooltip = function () {
|
||||
tippy("[data-tippy-content]", {
|
||||
delay: [350],
|
||||
})
|
||||
}
|
||||
tooltip()
|
74
static/style/main.css
Normal file
|
@ -0,0 +1,74 @@
|
|||
body {
|
||||
background-color: #131313;
|
||||
color: white;
|
||||
font-family: Roboto, sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#profile {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
#profile_nickname {
|
||||
font-size: 2.5em;
|
||||
margin-left: 1.5%;
|
||||
margin-top: -5%;
|
||||
}
|
||||
|
||||
#profile_avatar {
|
||||
width: 9%;
|
||||
border-radius: 13px;
|
||||
margin-top: 1%;
|
||||
}
|
||||
|
||||
#profile_contact_img {
|
||||
position: absolute;
|
||||
margin-left: 11%;
|
||||
margin-top: 1%;
|
||||
}
|
||||
|
||||
.project {
|
||||
width: 370px;
|
||||
height: 270px;
|
||||
background-color: #2f3041;
|
||||
border-radius: 13px;
|
||||
}
|
||||
|
||||
.project .project-img {
|
||||
max-height: 40%;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.project-title {
|
||||
text-align: center;
|
||||
font-size: 1.3em;
|
||||
margin-top: 3px
|
||||
}
|
||||
|
||||
.project-desc {
|
||||
text-align: center;
|
||||
margin-top: -6px
|
||||
}
|
||||
|
||||
.project-links {
|
||||
text-align: center;
|
||||
margin-top: 19px
|
||||
}
|
||||
|
||||
#projects {
|
||||
display: grid;
|
||||
grid-template-columns: 100px 100px 100px;
|
||||
grid-template-rows: auto;
|
||||
justify-content: space-evenly;
|
||||
justify-items: center;
|
||||
align-content: space-evenly;
|
||||
align-items: center;
|
||||
margin-top: 60px;
|
||||
}
|