+11
index.html
+11
index.html
···
355
355
</div>
356
356
</main>
357
357
</div>
358
+
<footer>
359
+
<p>
360
+
<a
361
+
href="https://tangled.org/julien.rbrt.fr/knotview"
362
+
target="_blank"
363
+
rel="noopener noreferrer"
364
+
>
365
+
Fork me on Tangled.
366
+
</a>
367
+
</p>
368
+
</footer>
358
369
</div>
359
370
</body>
360
371
</html>
+24
styles.css
+24
styles.css
···
865
865
border: 0;
866
866
}
867
867
868
+
footer {
869
+
padding: 20px;
870
+
text-align: center;
871
+
border-top: 1px solid var(--border-primary);
872
+
margin-top: 40px;
873
+
}
874
+
875
+
footer p {
876
+
margin: 0;
877
+
color: var(--text-secondary);
878
+
font-size: 0.9rem;
879
+
}
880
+
881
+
footer a {
882
+
color: var(--accent-primary);
883
+
text-decoration: none;
884
+
font-weight: 500;
885
+
}
886
+
887
+
footer a:hover {
888
+
text-decoration: underline;
889
+
color: var(--accent-hover);
890
+
}
891
+
868
892
@media (max-width: 768px) {
869
893
.main-content {
870
894
flex-direction: column;