mi/sunday
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 social links

Browse Source
This commit is contained in:
mi
2025-11-06 22:18:00 +10:00
parent f15ea73235
commit b13833962d
2 changed files with 105 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
static/css/style.css
View File

@@ -342,12 +342,88 @@ main {
/* Footer */ /* Footer */
footer { footer {
border-top: 3px solid #000; border-top: 3px solid #000;
text-align: center;
padding: 2rem 0; padding: 2rem 0;
margin-top: 3rem; margin-top: 3rem;
} }
footer p { .footer-content {
display: flex;
justify-content: space-around;
gap: 2rem;
margin-bottom: 2rem;
flex-wrap: wrap;
}
.footer-section {
flex: 1;
min-width: 200px;
}
.footer-section h3 {
color: #000;
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 1rem;
}
.social-links {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.social-links a {
color: #000;
text-decoration: none;
font-size: 0.85rem;
}
.social-links a:hover {
text-decoration: line-through;
}
.newsletter-form {
display: flex;
gap: 0.5rem;
}
.newsletter-form input[type="email"] {
flex: 1;
padding: 0.5rem;
border: 2px solid #000;
font-family: 'Courier New', Courier, monospace;
font-size: 0.85rem;
}
.newsletter-form button {
padding: 0.5rem 1rem;
background-color: #000;
color: #fff;
border: 2px solid #000;
cursor: pointer;
font-family: 'Courier New', Courier, monospace;
font-size: 0.85rem;
text-transform: uppercase;
}
.newsletter-form button:hover {
background-color: #fff;
color: #000;
}
.newsletter-placeholder {
font-size: 0.85rem;
color: #666;
}
.footer-bottom {
text-align: center;
padding-top: 1.5rem;
border-top: 2px solid #000;
}
.footer-bottom p {
margin: 0; margin: 0;
color: #000; color: #000;
font-size: 0.85rem; font-size: 0.85rem;

26
templates/base.html
View File

@@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}{{ title }}{% endblock %} - Sunday Comics</title> <title>{% block title %}{{ title }}{% endblock %} - Sunday Comics</title>
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}"> <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
<link rel="alternate" type="application/rss+xml" title="Sunday Comics RSS Feed" href="{{ url_for('static', filename='feed.rss') }}">
{% block extra_css %}{% endblock %} {% block extra_css %}{% endblock %}
</head> </head>
<body> <body>
@@ -31,8 +32,33 @@
<footer> <footer>
<div class="container"> <div class="container">
<div class="footer-content">
<div class="footer-section">
<h3>Follow</h3>
<div class="social-links">
<!-- Uncomment and update with your social links -->
<!-- <a href="https://twitter.com/yourhandle" target="_blank">Twitter</a> -->
<!-- <a href="https://instagram.com/yourhandle" target="_blank">Instagram</a> -->
<!-- <a href="https://mastodon.social/@yourhandle" target="_blank">Mastodon</a> -->
<a href="{{ url_for('static', filename='feed.rss') }}">RSS Feed</a>
</div>
</div>
<div class="footer-section">
<h3>Newsletter</h3>
<!-- Replace with your newsletter service form -->
<!-- <form class="newsletter-form" action="#" method="post">
<input type="email" name="email" placeholder="Enter your email" required>
<button type="submit">Subscribe</button>
</form> -->
<p class="newsletter-placeholder">Newsletter coming soon!</p>
</div>
</div>
<div class="footer-bottom">
<p>&copy; 2025 Sunday Comics. All rights reserved.</p> <p>&copy; 2025 Sunday Comics. All rights reserved.</p>
</div> </div>
</div>
</footer> </footer>
{% block extra_js %}{% endblock %} {% block extra_js %}{% endblock %}