new site

2025-08-03 16:50:01 -04:00 · 2025-08-03 16:50:01 -04:00 · ef0115e060
commit ef0115e060
parent 2b730a26c1
49 changed files with 139 additions and 9 deletions
--- a/README.md
+++ b/README.md
@ -1,4 +0,0 @@
 # Reisen Church
 ![reisen sprite](https://reisen.church/reisen-transparent.png)
--- a/assets/banner-full-painting.jpg
+++ b/assets/banner-full-painting.jpg
--- a/assets/banner-left.jpg
+++ b/assets/banner-left.jpg
--- a/assets/banner-left.jpg~
+++ b/assets/banner-left.jpg~
--- a/assets/banner-right.jpg
+++ b/assets/banner-right.jpg
--- a/assets/banner-right.jpg-autosave.kra
+++ b/assets/banner-right.jpg-autosave.kra
--- a/assets/banner-right.jpg~
+++ b/assets/banner-right.jpg~
--- a/assets/banner.jpg
+++ b/assets/banner.jpg
--- a/background.jpg
+++ b/background.jpg
--- a/css/style.css
+++ b/css/style.css
@ -0,0 +1,100 @@
 /* Main layout container */
 body {
    margin: 0;
    padding: 0;
    display: flex;
    min-height: 100vh;
    font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
    letter-spacing: 0.03em;
 }
 /* Optional: Add to headings for contrast */
 h1, h2, h3, h4, h5, h6 {
    font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
    font-weight: 400; /* Classic book style often uses lighter weights */
    letter-spacing: 0.03em;
 }
 p {
    padding-left: 20px;
    padding-right: 20px;
    text-align: justify;
    hyphens: auto;
    font-size: 20px;
 }
 /* Side banners */
 .banner-left, .banner-right {
    flex: 1; /* This makes them grow to fill available space */
    min-width: 100px; /* Minimum width */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 200px; /* Fixed width */
 }
 .banner-left {
    background-image: url('../assets/banner-left.jpg');
 }
 .banner-right {
    background-image: url('../assets/banner-right.jpg');
 }
 /* Centered content box */
 .content-wrapper {
    width: 1100px;
    margin: 0;
    padding: 20px;
    background: #ffffff;
    box-shadow: 0 0 30px rgba(0,0,0,0.9);
    z-index: 1;
 }
 .gray {
 	color: gray;
    position: fixed;
    bottom: 0;
    width: 100%;
 }
    .icon {
      width: 50px;
    }
      .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;
    }
--- a/favicon.ico
+++ b/favicon.ico
--- a/favicon_source.png
+++ b/favicon_source.png
--- a/icons/git.png
+++ b/icons/git.png
--- a/icons/github.png
+++ b/icons/github.png
--- a/icons/matrix.png
+++ b/icons/matrix.png
--- a/index.html
+++ b/index.html
@ -1,7 +1,7 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 <head>
 <<<<<<< Updated upstream
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>HTML by Hand Online</title>
  <meta property="og:site_name" content="HTML by Hand Online" />
@ -126,9 +126,15 @@
      color: #ffcccc
    }
  </style>
 =======
    <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
 </head>
 <body>
 <<<<<<< Updated upstream
  <div class="row">
    <div class="column-1">
      <img src="reisen-transparent.png">
@ -140,22 +146,50 @@
        <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"">NaiJi</a></div>
 =======
    <!-- 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
        </div>
        <div class="tr">
          <div class="td"><img src="icons/github.png" class="icon"></div>
-          <div class="td-url"><a href="https://github.com/WizardNaiJi"">WizardNaiJi</a></div>
+          <div class="td-url"><a href="https://github.com/WizardNaiJi">WizardNaiJi</a></div>
        </div>
        <div class=" tr">
              <div class="td"><img src="icons/matrix.png" class="icon"></div>
-              <div class="td-url"><a href=" https://matrix.org/"">@naiji:inex.rocks</a></div>
+              <div class="td-url"><a href=" https://matrix.org/">@naiji:inex.rocks</a></div>
        </div>
          </div>
          <br>
          <br>
 <<<<<<< Updated upstream
          <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>
        </div>
      </div>
 </body>
 =======
 	  <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>
 </html>
--- a/praying.png
+++ b/praying.png
--- a/random/BlackAndWhite.zip
+++ b/random/BlackAndWhite.zip
--- a/random/Material-Black-Pistachio-Numix-FLAT.zip
+++ b/random/Material-Black-Pistachio-Numix-FLAT.zip
--- a/random/wallpaper.png
+++ b/random/wallpaper.png
--- a/reisen-transparent.png
+++ b/reisen-transparent.png
--- a/stamps/archlinux.gif
+++ b/stamps/archlinux.gif
--- a/stamps/badapple.gif
+++ b/stamps/badapple.gif
--- a/stamps/beanbutton.gif
+++ b/stamps/beanbutton.gif
--- a/stamps/chaoticninja.gif
+++ b/stamps/chaoticninja.gif
--- a/stamps/cookiefree.gif
+++ b/stamps/cookiefree.gif
--- a/stamps/css2.png
+++ b/stamps/css2.png
--- a/stamps/cyuu.gif
+++ b/stamps/cyuu.gif
--- a/stamps/geti.png
+++ b/stamps/geti.png
--- a/stamps/join-fediverse.gif
+++ b/stamps/join-fediverse.gif
--- a/stamps/kiyoshi.gif
+++ b/stamps/kiyoshi.gif
--- a/stamps/linux.gif
+++ b/stamps/linux.gif
--- a/stamps/miku.gif
+++ b/stamps/miku.gif
--- a/stamps/mima.png
+++ b/stamps/mima.png
--- a/stamps/reisen.png
+++ b/stamps/reisen.png
--- a/stamps/silk.gif
+++ b/stamps/silk.gif
--- a/stamps/site_best_viewed_with_monitor.gif
+++ b/stamps/site_best_viewed_with_monitor.gif
--- a/stamps/stamp_ebin_zone.png
+++ b/stamps/stamp_ebin_zone.png
--- a/stamps/stamp_pleroma_now.png
+++ b/stamps/stamp_pleroma_now.png
--- a/stamps/stamp_reisen_church.png
+++ b/stamps/stamp_reisen_church.png
--- a/stamps/stamp_udongein_xyz.png
+++ b/stamps/stamp_udongein_xyz.png
--- a/stamps/stamp_vndb.gif
+++ b/stamps/stamp_vndb.gif
--- a/stamps/stamp_waifuism_life.png
+++ b/stamps/stamp_waifuism_life.png
--- a/stamps/tenguspace.png
+++ b/stamps/tenguspace.png
--- a/stamps/touhouproject.jpg
+++ b/stamps/touhouproject.jpg
--- a/stamps/vcss-blue
+++ b/stamps/vcss-blue
--- a/stamps/vocaloid.gif
+++ b/stamps/vocaloid.gif
--- a/stamps/wwwbutton.gif
+++ b/stamps/wwwbutton.gif
--- a/thumbnail.jpg
+++ b/thumbnail.jpg
		`@ -1,4 +0,0 @@`
			`# Reisen Church`

			`![reisen sprite](https://reisen.church/reisen-transparent.png)`