This commit is contained in:
Данил 2024-03-08 19:38:49 +03:00
commit e8550cc761
13 changed files with 214 additions and 0 deletions

1
.gitignore vendored Normal file
View file

@ -0,0 +1 @@
.idea

13
LICENSE Normal file
View 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
View 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&amp;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

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

View 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

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 6.1 KiB

BIN
static/img/kekkai.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

4
static/img/mail.svg Normal file
View 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
View 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

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

1
static/img/telegram.svg Normal file
View 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

View file

@ -0,0 +1,6 @@
tooltip = function () {
tippy("[data-tippy-content]", {
delay: [350],
})
}
tooltip()

74
static/style/main.css Normal file
View 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;
}