bbaovanc/bobatheme
1
0
Fork 0
mirror of https://github.com/BBaoVanC/bobatheme.git synced 2025-08-31 00:57:33 -05:00
Code Issues Projects Releases Wiki Activity

WIP

Browse Source
This commit is contained in:
BBaoVanC
2025-08-24 02:25:12 -05:00
parent 314b533698
commit 8083b1a299
6 changed files with 28 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
assets/css/bobastyle.css
View File

@@ -295,24 +295,31 @@ body {
margin: 0; margin: 0;
} }
.body-module { /* body-module types:
} *
* full-width: no max-width, no margin from the sides of the page
* full-padded: no max-width, but has margin from the left/right page edges
* center: max-width 720px, centered when too large, padded when screen is narrow
*/
.body-module--marginless { .body-module--full-width,
margin: 0; .body-module--full-padded,
.body-module--center-wide {
margin-block: var(--page-margin);
} }
.body-module--full-width { .body-module--full-width {
margin: 0 var(--page-margin); margin-inline: 0;
/*
margin-left: var(--page-margin);
margin-right: var(--page-margin);
*/
} }
.body-module--wide { .body-module-full-padded {
margin-left: var(--page-margin); margin-inline: var(--page-margin);
margin-right: var(--page-margin); }
max-width: 720px; .body-module--center {
margin-inline: auto;
/* add the minimum margin here because we are using auto for its centering */
padding-inline: var(--page-margin);
/* account for the padding being included in the element's calculated width */
max-width: calc(720px + 2 * var(--page-margin));
} }
footer { footer {

2
layouts/_partials/breadcrumb.html
View File

@@ -1,4 +1,4 @@
<nav class="body-module body-module--wide breadcrumb" aria-label="{{ i18n "aria_breadcrumbnav" }}"> <nav class="body-module--center breadcrumb" aria-label="{{ i18n "aria_breadcrumbnav" }}">
<ul> <ul>
{{ template "breadcrumbnav" (dict "p1" . "p2" .) }} {{ template "breadcrumbnav" (dict "p1" . "p2" .) }}
</ul> </ul>

2
layouts/_partials/top.html
View File

@@ -1,4 +1,4 @@
<header class="body-module body-module--marginless top"> <header class="top">
<div class="brand"> <div class="brand">
<a href="{{ .Site.Home.Permalink | absLangURL }}"> <a href="{{ .Site.Home.Permalink | absLangURL }}">
{{ .Site.Title | markdownify }} {{ .Site.Title | markdownify }}

2
layouts/baseof.html
View File

@@ -25,7 +25,7 @@
{{ end }} {{ end }}
{{ if or .Site.Copyright .Site.Params.footer }} {{ if or .Site.Copyright .Site.Params.footer }}
<footer class="body-module body-module--wide"> <footer class="body-module--center">
{{ with .Site.Copyright }} {{ with .Site.Copyright }}
{{ . | safeHTML }} {{ . | safeHTML }}
{{ end }} {{ end }}

6
layouts/home.html
View File

@@ -1,15 +1,15 @@
{{ define "main" }} {{ define "main" }}
{{ with .Content }} {{ with .Content }}
<article class="body-module body-module--wide"> <article class="body-module--center">
{{ . }} {{ . }}
</article> </article>
<hr class="body-module body-module--wide"> <hr class="body-module--center">
{{ end }} {{ end }}
{{ end }} {{ end }}
{{ define "post-body" }} {{ define "post-body" }}
{{ if .Site.Params.homepageLatestPosts }} {{ if .Site.Params.homepageLatestPosts }}
<div class="body-module body-module--wide"> <div class="body-module--center">
<h1> <h1>
{{ i18n "latest_posts" }} {{ i18n "latest_posts" }}
{{ partial "rss-link.html" . }} {{ partial "rss-link.html" . }}

4
layouts/page.html
View File

@@ -1,5 +1,5 @@
{{ define "main" }} {{ define "main" }}
<article class="body-module body-module--wide"> <article class="body-module--center">
<div class="page-title"> <div class="page-title">
<h1> <h1>
{{ .Title | markdownify }} {{ .Title | markdownify }}
@@ -77,7 +77,7 @@
{{ define "post-body" }} {{ define "post-body" }}
{{ $related := .Site.RegularPages.Related . | first 10 }} {{ $related := .Site.RegularPages.Related . | first 10 }}
{{ with $related }} {{ with $related }}
<div class="related-posts body-module body-module--full-width"> <div class="related-posts body-module--full-width">
<hr> <hr>
<h1>{{ i18n "related_posts" }}</h1> <h1>{{ i18n "related_posts" }}</h1>
{{ partial "page-list.html" . }} {{ partial "page-list.html" . }}