2024-07-30 14:31:35 -04:00
<!DOCTYPE html>
2025-08-03 16:50:01 -04:00
< html lang = "en" >
2023-08-03 22:03:17 -04:00
< head >
2025-08-03 16:50:01 -04:00
< < < < < < < Updated upstream
2023-08-03 22:03:17 -04:00
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
2025-03-20 06:29:37 -04:00
< title > HTML by Hand Online< / title >
< meta property = "og:site_name" content = "HTML by Hand Online" / >
2023-08-05 17:49:03 -04:00
< meta property = "og:title" content = "Send your prayers to Reisen" / >
2023-08-05 18:01:41 -04:00
< meta property = "og:image" content = "https://reisen.church/thumbnail.jpg" / >
2023-08-05 17:58:40 -04:00
< meta property = "og:image:width" content = "1200" / >
< meta property = "og:image:height" content = "627" / >
2025-03-20 06:29:37 -04:00
< meta property = "og:url" content = "https://htmlbyhand.online/" / >
2023-08-05 17:58:40 -04:00
< meta property = "og:type" content = "website" / >
2023-08-03 22:13:17 -04:00
< link rel = "icon" type = "image/x-icon" href = "favicon.ico" >
2023-08-03 22:03:17 -04:00
< style >
* {
box-sizing: border-box;
}
.floating {
animation-name: floating;
animation-duration: 3s;
animation-direction: alternate-reverse;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes floating {
0% {
transform: translate(0, 15px);
}
100% {
transform: translate(0, -15px);
}
}
body {
background-color: black;
color: white;
font-family: 'Lucida Console', monospace;
background-image: url('background.jpg');
background-size: cover
}
.row {
display: flex;
gap: 100px;
justify-content: left;
margin: auto;
}
.column-1 {
margin-top: -10%;
filter: drop-shadow(5px 5px 24px #252525);
flex-shrink: 2;
}
.column-2 {
font-size: xx-large;
background-color: #29081cbb;
padding: 1rem;
2023-08-05 17:04:59 -04:00
max-width:667px;
2023-08-03 22:03:17 -04:00
margin-bottom: auto;
}
.icon {
width: 50px;
}
2023-08-07 06:16:08 -04:00
@media only screen and (max-width: 1424px) {
2023-08-03 22:03:17 -04:00
body {
align-content: start;
margin: auto;
background-image: url('reisen-transparent.png');
}
.column-1 {
display: none;
}
.row {
gap: 0;
margin: auto;
}
.column-2 {
font-size: inherit;
background-size: cover;
margin: auto;
background-color: #181818ea;
}
}
.table {
display: flex;
flex-flow: column nowrap;
margin: 0.5rem;
line-height: 1.5;
flex: 1 1 auto;
}
.td {
justify-content: left;
}
.td>.td-url {
padding-left: 15%;
}
.tr {
width: 100%;
display: flex;
justify-content: left;
gap: 10px;
}
h2 {
font-size: 190%;
text-align: center;
margin: auto;
}
a {
color: #ffcccc
}
< / style >
2025-08-03 16:50:01 -04:00
=======
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< title > My Website< / title >
< link rel = "stylesheet" href = "css/style.css" >
>>>>>>> Stashed changes
2023-08-03 22:03:17 -04:00
< / head >
< body >
2025-08-03 16:50:01 -04:00
< < < < < < < Updated upstream
2023-08-03 22:03:17 -04:00
< div class = "row" >
< div class = "column-1" >
< img src = "reisen-transparent.png" >
< / div >
< div class = "column-2" >
2025-03-20 06:29:37 -04:00
< h2 class = "floating" > HTML by Hand Online< / h2 >
< p > My tiny personal page.< / p >
2023-08-03 22:03:17 -04:00
< div class = "table" >
< div class = "tr" >
2023-08-05 17:04:59 -04:00
< div class = "td" > < img src = "icons/git.png" class = "icon" > < / div >
2025-03-20 06:29:37 -04:00
< div class = "td-url" > < a href = "https://code.htmlbyhand.online/NaiJi" " > NaiJi< / a > < / div >
2025-08-03 16:50:01 -04:00
=======
<!-- Left Banner -->
< div class = "banner-left" > < / div >
<!-- Centered Content -->
< div class = "content-wrapper" >
< main >
< h1 > Welcome to NaiJi's personal page!< / h2 >
< p > Hello friend! People normally know me as NaiJi, it's a random nickname that doesn't mean anything. Here is a bunch of links idk< / p >
< div class = "table" >
< div class = "tr" >
< div class = "td" > < img src = "icons/git.png" class = "icon" > < / div >
< div class = "td-url" > < a href = "https://code.htmlbyhand.online/" > NaiJi< / a > < / div >
>>>>>>> Stashed changes
2023-08-03 22:03:17 -04:00
< / div >
2023-10-24 21:52:53 -04:00
< div class = "tr" >
< div class = "td" > < img src = "icons/github.png" class = "icon" > < / div >
2025-08-03 16:50:01 -04:00
< div class = "td-url" > < a href = "https://github.com/WizardNaiJi" > WizardNaiJi< / a > < / div >
2023-10-24 21:52:53 -04:00
< / div >
2023-08-03 22:03:17 -04:00
< div class = " tr" >
2023-08-05 17:04:59 -04:00
< div class = "td" > < img src = "icons/matrix.png" class = "icon" > < / div >
2025-08-03 16:50:01 -04:00
< div class = "td-url" > < a href = " https://matrix.org/" > @naiji:inex.rocks< / a > < / div >
2023-08-03 22:03:17 -04:00
< / div >
< / div >
< br >
< br >
2025-08-03 16:50:01 -04:00
< < < < < < < Updated upstream
2024-07-30 14:31:35 -04:00
< a href = "https://reisen.church/" > < img src = "stamps/stamp_reisen_church.png" > < / a > < a href = "https://udongein.xyz/" > < img src = "stamps/stamp_udongein_xyz.png" > < / a > < a href = "https://weebles.husbandoism.life/" > < img src = "stamps/beanbutton.gif" > < / a > < a href = "https://waifuism.life/" > < img src = "stamps/stamp_waifuism_life.png" > < / a > < a href = "https://pleroma.social/" > < img src = "stamps/stamp_pleroma_now.png" > < / a > < a href = "https://vndb.org/" > < img src = "stamps/stamp_vndb.gif" > < / a > < a href = "https://cyuucat.moe" > < img src = "stamps/cyuu.gif" > < / a > < a href = "https://getimiskon.neocities.org/" > < img src = "stamps/geti.png" > < / a > < a href = "https://fediverse.party/en/fediverse/" > < img src = "stamps/join-fediverse.gif" > < / a > < a href = "https://archlinux.org/" > < img src = "stamps/archlinux.gif" > < / a > < a href = "https://jigsaw.w3.org/css-validator/validator?uri=https%3A%2F%2Freisen.church" > < img src = "stamps/vcss-blue" > < / a > < a href = "https://distrowatch.com/table.php?distribution=arch" > < img src = "stamps/linux.gif" > < / a > < a href = "https://css-tricks.com/snippets/css/a-guide-to-flexbox/" > < img src = "stamps/css2.png" > < / a > < a href = "https://reisen.church" > < img src = "stamps/cookiefree.gif" > < / a > < a href = "http://tengu.space/" > < img src = "stamps/tenguspace.png" > < / a > < a href = "https://pl.ebin.zone/" > < img src = "stamps/stamp_ebin_zone.png" > < / a > < a href = "https://www.silk.ms/" > < img src = "stamps/silk.gif" > < / a > < a href = "https://https://chaotic.ninja/" > < img src = "stamps/chaoticninja.gif" > < / a > < img src = "stamps/miku.gif" > < img src = "stamps/vocaloid.gif" > < img src = "stamps/wwwbutton.gif" > < img src = "stamps/site_best_viewed_with_monitor.gif" > < a href = "https://geidontei.chaotic.ninja/usr/mima/" > < img src = "stamps/mima.png" > < / a > < a href = "https://www.nicovideo.jp/watch/sm8628149" > < img src = "stamps/badapple.gif" > < / a > < img src = "stamps/reisen.png" >
< br > < a href = "https://touhou-project.news/" > < img src = "stamps/touhouproject.jpg" > < / a >
2023-08-03 22:03:17 -04:00
< / div >
< / div >
< / body >
2025-08-03 16:50:01 -04:00
=======
< p > You can reach me out by mail at naijiworld [at] protonmail [dot] com< / p >
< / main >
>>>>>>> Stashed changes
< footer >
< p class = "gray" > The background image is fragments from < a href = "https://commons.wikimedia.org/wiki/File:Alexander_Koester_-_Ducks_on_a_Pond.jpg" > Ducks on a Pond< / a > by Alexander Koester< / p >
< / footer >
< / div >
<!-- Right Banner -->
< div class = "banner-right" > < / div >
< / body >
2023-08-05 17:04:59 -04:00
< / html >
