zzstoatzz.io
slack status without the slack
status.zzstoatzz.io/
quickslice
Add GitHub footer with link to source repository
- Added fixed GitHub icon and link in bottom-left corner
- Styled to match existing site theme using CSS variables
- Appears on all pages via base.html template
- Responsive design hides text on mobile, keeping only icon
- Positioned opposite to bug report button for balance
Co-authored-by: nate nowack <zzstoatzz@users.noreply.github.com>
+54
templates/base.html
+54
templates/base.html
···
116
116
height: 20px;
117
117
}
118
118
}
119
+
/* GitHub Footer Styles */
120
+
.github-footer {
121
+
position: fixed;
122
+
bottom: 20px;
123
+
left: 20px;
124
+
display: flex;
125
+
align-items: center;
126
+
gap: 8px;
127
+
font-size: 14px;
128
+
color: var(--text-tertiary, #6c757d);
129
+
text-decoration: none;
130
+
transition: all 0.3s ease;
131
+
z-index: 9998;
132
+
}
133
+
134
+
.github-footer:hover {
135
+
color: var(--accent, #1DA1F2);
136
+
}
137
+
138
+
.github-footer svg {
139
+
width: 20px;
140
+
height: 20px;
141
+
fill: currentColor;
142
+
transition: transform 0.3s ease;
143
+
}
144
+
145
+
.github-footer:hover svg {
146
+
transform: scale(1.1);
147
+
}
148
+
149
+
@media (max-width: 640px) {
150
+
.github-footer {
151
+
bottom: 15px;
152
+
left: 15px;
153
+
font-size: 12px;
154
+
}
155
+
156
+
.github-footer svg {
157
+
width: 18px;
158
+
height: 18px;
159
+
}
160
+
161
+
.github-footer span {
162
+
display: none;
163
+
}
164
+
}
119
165
</style>
120
166
</head>
121
167
<body>
122
168
{% block content %}{% endblock %}
169
+
170
+
<!-- GitHub Footer -->
171
+
<a href="https://github.com/zzstoatzz/status" class="github-footer" target="_blank" rel="noopener noreferrer" aria-label="View source on GitHub">
172
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
173
+
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
174
+
</svg>
175
+
<span>zzstoatzz/status</span>
176
+
</a>
123
177
124
178
<!-- Bug Report Button -->
125
179
<button class="bug-report-button" id="bug-report-button" aria-label="Report a bug">