fix centering

This commit is contained in:
Tom 2024-07-20 17:42:44 +02:00
parent c8d1b2b3a4
commit d1f9375ab7
2 changed files with 16 additions and 4 deletions

View File

@ -170,6 +170,14 @@ section.note {
color: black; color: black;
} }
section.center {
display: flex;
justify-content: center;
margin-top: 1em;
margin-bottom: 1em;
}
// If the browser doesn't support web components, hide anything with has-wc class // If the browser doesn't support web components, hide anything with has-wc class
body.has-wc .no-wc { body.has-wc .no-wc {
display: none; display: none;

View File

@ -20,7 +20,7 @@ head: |
{% for post in site.posts limit:5 %} {% for post in site.posts limit:5 %}
{% include post_summary.html %} {% include post_summary.html %}
{% endfor %} {% endfor %}
<a href = "/blog/" style="margin:auto;">More Posts</a> <section class="center"><a href = "/blog/">More Posts</a></section>
## Projects ## Projects
<br> <br>
@ -28,7 +28,8 @@ head: |
{% include project_summary.html %} {% include project_summary.html %}
{% endfor %} {% endfor %}
<a href = "/projects/" style="margin:auto;">More Projects</a>
<section class="center"><a href = "/projects/">More Projects</a></section>
## Toots ## Toots
<div id="mt-container" class="mt-container"> <div id="mt-container" class="mt-container">
@ -37,19 +38,22 @@ head: |
</div> </div>
</div> </div>
<section class="center"><a href = "https://tech.lgbt/@Tomhodson">More Toots</a></section>
<script type="module"> <script type="module">
const myTimeline = new MastodonTimeline.Init({ const myTimeline = new MastodonTimeline.Init({
instanceUrl: "https://tech.lgbt", instanceUrl: "https://tech.lgbt",
timelineType: "profile", timelineType: "profile",
userId: "109290417826726461", userId: "109290417826726461",
profileName: "@TomHodson", profileName: "@TomHodson",
maxNbPostFetch: "50", maxNbPostFetch: "30",
maxNbPostShow: "30", maxNbPostShow: "5",
hideReblog: true, hideReblog: true,
hideReplies: true, hideReplies: true,
hideCounterBar: true, hideCounterBar: true,
disableCarousel: true, disableCarousel: true,
btnReload: "", btnReload: "",
btnSeeMore: "",
}); });
</script> </script>