Added a themes page
This commit is contained in:
parent
a108f4b4bb
commit
74680af5a4
7 changed files with 62 additions and 6 deletions
11
home.css
11
home.css
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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
46
themes/index.html
Normal 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>
|
BIN
themes/screenshots/Theme-Shannon-NetNewsWire-Mac1.png
Normal file
BIN
themes/screenshots/Theme-Shannon-NetNewsWire-Mac1.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 362 KiB |
BIN
themes/screenshots/Theme-Shannon-NetNewsWire-iphone1.jpg
Normal file
BIN
themes/screenshots/Theme-Shannon-NetNewsWire-iphone1.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 414 KiB |
BIN
themes/screenshots/Theme-ShannonDarkMode-NetNewsWire-Mac1.png
Normal file
BIN
themes/screenshots/Theme-ShannonDarkMode-NetNewsWire-Mac1.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 374 KiB |
Binary file not shown.
After Width: | Height: | Size: 474 KiB |
Loading…
Reference in a new issue