commit 9c193943e38329dc0bdb29e3dbd6bf561ff88d25
parent 502de26cb8eee18377c01bcff9a8c0a7f7a65798
Author: minerva-jupiter <ryouturn@gmail.com>
Date: Tue, 29 Apr 2025 13:38:27 +0900
add sns and setting
Diffstat:
5 files changed, 138 insertions(+), 3 deletions(-)
diff --git a/SNS/SNS.html b/SNS/SNS.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="jp">
+ <head>
+ <meta charset="UTF-8">
+ <title>Minerva_Juppiter</title>
+ <link rel="stylesheet" href="../style.css">
+ <link rel="stylesheet" href="./style.css">
+ <link rel="icon" href="./public/minerva-juppiter.svg" type="image/svg+xml">
+ <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=Noto+Sans+JP:wght@100..900&display=swap" rel="stylesheet">
+ </head>
+ <body>
+ <header>
+ <div class="header-left">
+ <a href="../index.html">
+ <h1>Minerva_Juppiter</h1>
+ </a>
+ </div>
+ <div class="header-right">
+ <a href="../Schedule/Schedule.html">
+ <h2>Schedule</h2>
+ </a>
+ <a href="../works/works.html">
+ <h2>Works</h2>
+ </a>
+ <a href="https://blog.minervajuppiter.net/">
+ <h2>Blog</h2>
+ </a>
+ </div>
+ </header>
+ <main class="text-center">
+ <h1>SNS</h1>
+ <br>
+ <article>
+ <a href="https://github.com/minerva-jupiter" class="no-text-decoration">
+ <h2>GitHub</h2>
+ <p>作ったアプリケーションとかを置いてます。</p>
+ </a>
+ </article>
+ <article>
+ <a href="https://www.nicovideo.jp/user/125220221" class="no-text-decoration" >
+ <h2>ニコニコ動画</h2>
+ <p>曲を書きます。多分。</p>
+ <iframe width="320" height="160" src="https://ext.nicovideo.jp/thumb_user/125220221" scrolling="no" style="border:solid 1px #CCC;" frameborder="0">Minerva_juppiter</iframe>
+ </a>
+ </article>
+ <article>
+ <a href="https://mypage.syosetu.com/2725453/" class="no-text-decoration">
+ <h2>小説家になろう</h2>
+ <p>一個だけ書いて、後は放置してます。</p>
+ </a>
+ </article>
+ <article>
+ <a href="https://kakuyomu.jp/users/minerva_juppiter" class="no-text-decoration">
+ <h2>カクヨム</h2>
+ <p>遅筆ですみません。いつか書きます。</p>
+ </a>
+ </article>
+ </main>
+ </body>
+</html>+
\ No newline at end of file
diff --git a/Schedule/Schedule.html b/Schedule/Schedule.html
@@ -11,7 +11,25 @@
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap" rel="stylesheet">
</head>
<body>
- <main>
+ <header>
+ <div class="header-left">
+ <a href="./index.html">
+ <h1>Minerva_Juppiter</h1>
+ </a>
+ </div>
+ <div class="header-right">
+ <a href="../works/works.html">
+ <h2>Works</h2>
+ </a>
+ <a href="../SNS/SNS.html">
+ <h2>SNS</h2>
+ </a>
+ <a href="https://blog.minervajuppiter.net/">
+ <h2>Blog</h2>
+ </a>
+ </div>
+ </header>
+ <main class="text-center">
<h1>Schedule</h1>
</main>
</body>
diff --git a/index.html b/index.html
@@ -12,7 +12,7 @@
<body>
<header>
<div class="header-left">
- <a href="https://home.minervajuppiter.net">
+ <a href="./index.html">
<h1>Minerva_Juppiter</h1>
</a>
</div>
@@ -23,8 +23,27 @@
<a href="./works/works.html">
<h2>Works</h2>
</a>
-
+ <a href="./SNS/SNS.html">
+ <h2>SNS</h2>
+ </a>
+ <a href="https://blog.minervajuppiter.net/">
+ <h2>Blog</h2>
+ </a>
</div>
</header>
+ <main class="text-center">
+ <h1 >Minerva_Juppiter</h1>
+ <h3 >哲</h3>
+ <br>
+ <article >
+ <h2>自己の紹介です</h2>
+ <h4>About me</h4>
+ <br>
+ <p>おはようございます、Minerva_Juppiterです。</p>
+ <p>しがない、侏儒のものです。</p>
+ <p>このページは、自己紹介がてら作りました。</p>
+ <p>好ければ見ていってください。</p>
+ </article>
+ </main>
</body>
</html>
\ No newline at end of file
diff --git a/style.css b/style.css
@@ -9,6 +9,10 @@ body {
padding-right: 4rem;
}
+header {
+ margin-bottom: 5rem;
+ border-bottom: solid 1px #444;
+}
header a {
text-decoration: none;
@@ -24,4 +28,17 @@ header a {
}
.header-right a {
padding: 1rem;
+}
+
+.text-center {
+ text-align: center;
+}
+
+.no-text-decoration {
+ text-decoration: none;
+ color: var(--pirimary-color);
+}
+
+article {
+ border-bottom: solid 1px #222;
}
\ No newline at end of file
diff --git a/works/works.html b/works/works.html
@@ -11,6 +11,24 @@
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap" rel="stylesheet">
</head>
<body>
+ <header>
+ <div class="header-left">
+ <a href="./index.html">
+ <h1>Minerva_Juppiter</h1>
+ </a>
+ </div>
+ <div class="header-right">
+ <a href="../Schedule/Schedule.html">
+ <h2>Schedule</h2>
+ </a>
+ <a href="../SNS/SNS.html">
+ <h2>SNS</h2>
+ </a>
+ <a href="https://blog.minervajuppiter.net/">
+ <h2>Blog</h2>
+ </a>
+ </div>
+ </header>
<main>
<h1>Works</h1>
</main>
