Fediversity/fediversity.eu
Archived
7
1
Fork 2
Code Issues Pull requests 2 Packages Projects Releases Wiki Activity

center colums events and news

Browse source
This commit is contained in:
Laurens 2024-05-06 17:53:11 +02:00
parent 1b1ec255be
commit 511bb5596e
7 changed files with 57 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
assets/scss/custom.scss
View file

@ -77,4 +77,16 @@
.read-more-link { .read-more-link {
color: #FF6E00; /* Use the variable defined in theme.json */ color: #FF6E00; /* Use the variable defined in theme.json */
} }
.center-wrapper {
display: flex;
justify-content: center;
align-items: center;
height: 100vh; /* Adjust height as needed */
}
.grid-container-small {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}

4
hugo_stats.json
View file

@ -64,6 +64,7 @@
"btn-primary", "btn-primary",
"btn-sm", "btn-sm",
"capitalize", "capitalize",
"center-wrapper",
"col-12", "col-12",
"column", "column",
"container", "container",
@ -92,6 +93,7 @@
"from-body", "from-body",
"g", "g",
"grid-container", "grid-container",
"grid-container-small",
"grid-item", "grid-item",
"group", "group",
"gx-5", "gx-5",
@ -198,7 +200,6 @@
"pl-2", "pl-2",
"pr-5", "pr-5",
"pr-8", "pr-8",
"primary",
"pt-14", "pt-14",
"pt-7", "pt-7",
"px-2", "px-2",
@ -209,7 +210,6 @@
"py-2", "py-2",
"py-7", "py-7",
"py-[2.5px]", "py-[2.5px]",
"read-more-link",
"relative", "relative",
"rounded", "rounded",
"rounded-2xl", "rounded-2xl",

4
layouts/index.html
View file

@ -142,7 +142,8 @@
{{ if gt (len (where .Site.RegularPages "Section" "blog")) 0 }} {{ if gt (len (where .Site.RegularPages "Section" "blog")) 0 }}
<section> <section>
<div class="grid-container"> <div class="center-wrapper">
<div class="grid-container-small">
<div class="column"> <div class="column">
<ul class="list"> <ul class="list">
{{ if gt (len (where .Site.RegularPages "Section" "events")) 0 }} {{ if gt (len (where .Site.RegularPages "Section" "events")) 0 }}
@ -186,6 +187,7 @@
</ul> </ul>
</div> </div>
</div> </div>
</div>
</section> </section>
{{ end }} {{ end }}

12
public/css/style.css
View file

@ -3084,6 +3084,18 @@ input#nav-toggle:checked ~ #nav-menu {
color: #FF6E00; color: #FF6E00;
/* Use the variable defined in theme.json */ } /* Use the variable defined in theme.json */ }
.center-wrapper {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
/* Adjust height as needed */ }
.grid-container-small {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px; }
@media (min-width: 540px) { @media (min-width: 540px) {
.sm\:col-10 { .sm\:col-10 {

4
public/index.html
View file

@ -1265,7 +1265,8 @@
<section> <section>
<div class="grid-container"> <div class="center-wrapper">
<div class="grid-container-small">
<div class="column"> <div class="column">
<ul class="list"> <ul class="list">
@ -1354,6 +1355,7 @@
</ul> </ul>
</div> </div>
</div> </div>
</div>
</section> </section>

12
resources/_gen/assets/css/style.css_82b067fd6c564693170dff5ae4660239.content
View file

@ -3084,6 +3084,18 @@ input#nav-toggle:checked ~ #nav-menu {
color: #FF6E00; color: #FF6E00;
/* Use the variable defined in theme.json */ } /* Use the variable defined in theme.json */ }
.center-wrapper {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
/* Adjust height as needed */ }
.grid-container-small {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px; }
@media (min-width: 540px) { @media (min-width: 540px) {
.sm\:col-10 { .sm\:col-10 {

12
resources/_gen/assets/scss/main.scss_f120a3f402b106f64b18d498afd3d82e.content
View file

@ -1075,3 +1075,15 @@
.read-more-link { .read-more-link {
color: #FF6E00; color: #FF6E00;
/* Use the variable defined in theme.json */ } /* Use the variable defined in theme.json */ }
.center-wrapper {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
/* Adjust height as needed */ }
.grid-container-small {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px; }