Added a themes page

This commit is contained in:
Shannon Kay 2025-03-02 14:01:17 -08:00
parent a108f4b4bb
commit 74680af5a4
7 changed files with 62 additions and 6 deletions

View file

@ -365,7 +365,16 @@ ul {
align-content: center;
text-align: center;
}
.screenshot img {
width: 400px;
max-height: 100vw;
max-width: 90%;
}
.screenshot {
width: 400px;
max-height: 100vw;
max-width: 90%;
}
.caption {
text-align: center;
}

View file

@ -1,8 +1,8 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Index Page</title>
<title>Shannon Kay</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#f9dee1">
@ -14,8 +14,9 @@
<header><h1>Index Page</h1></header>
<main>
<nav>Navigation goes here</nav>
<!--
<nav>Navigation goes here</nav>
-->
<section class="content">
<p>This is the Index page. </p>
</section>
@ -24,7 +25,7 @@
<footer>
<p><a href="../index.html">Shannon's Homepage</a></p>
</footer>
</footer>
</body>
</html>

46
themes/index.html Normal file
View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Themes by Shannon Kay</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#f9dee1">
<link rel="stylesheet" href="../home.css">
</head>
<body>
<header><h1>Themes by <a href="../index.html">Shannon Kay</a></h1></header>
<main>
<!--
<nav>Navigation goes here</nav>
-->
<section class="text">
<p>Sometimes I like to customize things, and I usually make them more pink.</p>
<h2 id="NetNewsWire"><a href="#NetNewsWire">NetNewsWire Themes</a></h2>
<p>These themes style the article view in <a href="https://netnewswire.com">NetNewsWire</a> RSS client. The themes work for Mac and iOS, and dark mode is included.</p>
<p><a href="https://git.freshcozy.dev/shannon/Themes-NetNewsWire">Download and installation instructions for NetNewsWire themes.</a> <br>
Alternate: <a href="https://github.com/shannonkay/Themes-NetNewsWire">GitHub</a></p>
<h3>Shannon Theme for NetNewsWire</h3>
<p>This is my personal signature theme. It's mostly pink. </p>
<p>
<a href="screenshots/Theme-Shannon-NetNewsWire-iphone1.jpg"><img src="screenshots/Theme-Shannon-NetNewsWire-iphone1.jpg" class="screenshot" alt="Screenshot of Shannon theme on NetNewsWire for iPhone with a light pink background, black text and dark pink accents"></a>
<a href="screenshots/Theme-Shannon-NetNewsWire-Mac1.png"><img src="screenshots/Theme-Shannon-NetNewsWire-Mac1.png" class="screenshot" alt="Screenshot of Shannon theme on NetNewsWire for Mac with a light pink background, black text and dark pink accents"></a></p>
<h4>Shannon Theme Dark Mode for NetNewsWire</h4>
<p>
<a href="screenshots/Theme-ShannonDarkMode-NetNewsWire-iphone1.jpeg"><img src="screenshots/Theme-ShannonDarkMode-NetNewsWire-iphone1.jpeg" class="screenshot" alt="Screenshot of Shannon theme in dark mode on NetNewsWire for iPhone with a dark off-black background, light text, and light pink headers and accents"></a>
<a href="screenshots/Theme-ShannonDarkMode-NetNewsWire-Mac1.png"><img src="screenshots/Theme-ShannonDarkMode-NetNewsWire-Mac1.png" class="screenshot" alt="Screenshot of Shannon theme in dark mode on NetNewsWire for Mac with a dark off-black background, light text, and light pink headers and accents"></a></p>
</section>
</main>
<footer>
<p><a href="../index.html">Shannon's Homepage</a></p>
</footer>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 362 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 414 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 374 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 474 KiB