commit 071905a65d3a71ddbc03368b1ca6942c412ece07
parent 529bcc0b4490167ee4c4984f061adb26c795fea5
Author: minerva-jupiter <ryouturn@gmail.com>
Date: Sat, 12 Apr 2025 04:24:40 +0900
modily css
Diffstat:
4 files changed, 87 insertions(+), 8 deletions(-)
diff --git a/articles/1.html b/articles/1.html
@@ -2,12 +2,31 @@
<html>
<head>
<meta charset="UTF-8">
+ <link rel="stylesheet" href="../style.css">
<title>Svelteでブログを構築した。</title>
</head>
<body>
- <h1>Svelteでブログを構築した。</h1>
- <h4>2025/03/29</h4>
- <p>Svelteに挑戦と同時に、ブログを作りましたとさ。</p>
- <ins datetime="2025-04-09">純粋なHTMLのサイトに更新作業中。</ins>
+ <header>
+ <h1>Blog</h1>
+ <h2>by Minerva_Juppiter</h2>
+ <nav>
+ <a href="/">Home</a>
+ /
+ <a href="/about">About</a>
+ </nav>
+ </header>
+ <br>
+ <article>
+ <h1>Svelteでブログを構築した。</h1>
+ <h4>2025/03/29</h4>
+ <p>Svelteに挑戦と同時に、ブログを作りましたとさ。</p>
+ <ins datetime="2025-04-09">純粋なHTMLのサイトに更新作業中。</ins>
+ </article>
+ <br>
+ <footer>
+ <p>
+ @all right reserved by Minerva_Juppiter
+ </p>
+ </footer>
</body>
</html>
\ No newline at end of file
diff --git a/articles/2.html b/articles/2.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="UTF-8">
+ <link rel="stylesheet" href="../style.css">
+ <title>音楽を聴くことについて。</title>
+ </head>
+ <body>
+ <header>
+ <h1>Blog</h1>
+ <h2>by Minerva_Juppiter</h2>
+ <nav>
+ <a href="/">Home</a>
+ /
+ <a href="/about">About</a>
+ </nav>
+ </header>
+ <br>
+ <article>
+ <h1>音楽を聞くことについて</h1>
+ <h4>2025/03/29</h4>
+ <p>
+ 前からずっと気になっていた事を話そう。
+ 好きな曲を何かしながら聞くという行為に対して、不満を示したい。
+ それはBGMとして"好き"なのかもしれないが、それでは曲に込められた意思も泣いてしまうほどの激情も感じ取れないではないか。
+ 私だって、何かをしながら音楽を聞くことはあるさ。でも、本当に好きな芸術性を持った曲は音楽に集中できなくなるような作業のときには聴かない。いや、聴けないんだよ。もったいなくて。
+ 自称音楽好きが、高いだけのヘッドフォンを買って、音楽をながら聞きしている。そういう現実が、Spotifyなどの音楽の安売りなどと密接に関係しているんじゃないかなと。
+ 君等は円盤を衝動買いするほどの曲に出会ったことがあるのかと問いたい。
+ それをじっくり聴いたのかも問いたい。
+ 芸術家の、音楽家の端くれとして、あれほど許容しがたいことはないのだ。
+ </p>
+ </article>
+ <br>
+ <footer>
+ <p>
+ @all right reserved by Minerva_Juppiter
+ </p>
+ </footer>
+ </body>
+</html>+
\ No newline at end of file
diff --git a/index.html b/index.html
@@ -19,13 +19,15 @@
<a href="/about">About</a>
</nav>
</header>
- <br>
<main>
<h1>Articles</h1>
<ul>
<li>
<a href="articles/1.html">Svelteでブログを構築した。</a>
</li>
+ <li>
+ <a href="articles/2.html">SvelteKitでブログを構築した。</a>
+ </li>
</ul>
</main>
<br>
diff --git a/style.css b/style.css
@@ -17,12 +17,29 @@
color: black;
font-size: large;
}
- main {
+ main h1 {
+ padding-left: 4rem;
+ padding-top: 1rem;
+ }
+ main ul {
+ padding-top: 0rem;
+ padding-left: 4rem;
+ font-size: large;
+ }
+ main a {
+ text-decoration: none;
+ color: #d9d9d9;
+ }
+ main li {
+ padding: 0.5rem;
+ }
+
+ article {
padding-left: 4rem;
padding-right: 4rem;
- padding-top: 3rem;
- padding-bottom: 3rem;
+ font-family: "Tw Cen MT","Century Gothic","Noto Sans JP";
}
+
footer {
background-color: #0f0a05;
text-align: center;
