mirror of
https://github.com/4ev-link/blog.4ev.link.git
synced 2026-01-13 16:18:05 +00:00
Fix: Correct footer layout
This commit is contained in:
28
index.html
28
index.html
@@ -11,20 +11,20 @@
|
|||||||
<script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/highlight.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/highlight.min.js"></script>
|
||||||
<style>
|
<style>
|
||||||
body { display: flex; justify-content: center; }
|
body { display: flex; justify-content: center; }
|
||||||
.markdown-body { max-width: 800px; padding: 2rem 4rem; }
|
.markdown-body { box-sizing: border-box; min-width: 200px; max-width: 980px; margin: 0 auto; padding: 45px; }
|
||||||
|
@media (max-width: 767px) { .markdown-body { padding: 15px; } }
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body class="markdown-body">
|
<body>
|
||||||
|
<div class="markdown-body">
|
||||||
<main id="content"></main>
|
<main id="content"></main>
|
||||||
|
<footer style="text-align: center; padding-top: 4rem; font-size: 14px; color: #555;">
|
||||||
<footer style="text-align: center; padding-top: 4rem; font-size: 14px; color: #555;">
|
<hr style="margin-bottom: 2rem;">
|
||||||
<hr style="margin-bottom: 2rem;">
|
<a href="https://4ev.link" target="_blank" rel="noopener noreferrer">Home</a> •
|
||||||
<a href="https://blog.4ev.link" target="_blank" rel="noopener noreferrer">Blog</a> •
|
<a href="https://4ev.link/acceptable-use">Acceptable Use</a> •
|
||||||
<a href="https://4ev.link/acceptable-use">Acceptable Use</a> •
|
<a href="https://4ev.link/abuse">Abuse</a>
|
||||||
<a href="https://4ev.link/abuse">Abuse</a>
|
</footer>
|
||||||
</footer>
|
</div>
|
||||||
|
|
||||||
<script type="text/markdown" id="posts">
|
<script type="text/markdown" id="posts">
|
||||||
### What makes a link 'forever'?
|
### What makes a link 'forever'?
|
||||||
*October 10, 2025*
|
*October 10, 2025*
|
||||||
@@ -42,10 +42,8 @@ Analytics are coming soon. Stay posted with 4ev.link blogs.
|
|||||||
</script>
|
</script>
|
||||||
<script>
|
<script>
|
||||||
const md = window.markdownit({ html: true, linkify: true, typographer: true });
|
const md = window.markdownit({ html: true, linkify: true, typographer: true });
|
||||||
const content = document.getElementById('posts').textContent;
|
document.getElementById('content').innerHTML = md.render(document.getElementById('posts').textContent);
|
||||||
document.getElementById('content').innerHTML = md.render(content);
|
|
||||||
hljs.highlightAll();
|
hljs.highlightAll();
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user