jutty/blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Align title with main article

Browse source
This commit is contained in:
jultty 2024-05-20 16:25:14 -03:00
commit 34d88b8de7
4 changed files with 17 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

11
assets/css/style.css
View file

@ -82,6 +82,9 @@ footer {
.article p { .article p {
margin: 25px 0px; margin: 25px 0px;
} }
h1 {
margin-left: 45px;
}
} }
/* widescreen */ /* widescreen */
@ -94,6 +97,14 @@ footer {
grid-column-start: 2; grid-column-start: 2;
margin: 15px; margin: 15px;
} }
#title-container {
display: grid;
grid-template-columns: 1fr 700px 1fr;
}
#title-container h1 {
grid-column-start: 2;
margin: 80px 15px 30px 15px;
}
} }
/* phone */ /* phone */

2
posts/meeting-the-bsd-family.html generated
View file

@ -23,7 +23,9 @@
</head> </head>
<body> <body>
<header id="title-block-header"> <header id="title-block-header">
<div id="title-container">
<h1 class="title">Meeting the BSD family</h1> <h1 class="title">Meeting the BSD family</h1>
</div>
</header> </header>
<main class="article"> <main class="article">
<p>During this year I have been delving deeper and deeper in the BSD <p>During this year I have been delving deeper and deeper in the BSD

2
posts/scripts-em-ocaml.html generated
View file

@ -84,7 +84,9 @@
</head> </head>
<body> <body>
<header id="title-block-header"> <header id="title-block-header">
<div id="title-container">
<h1 class="title">Scripts em OCaml</h1> <h1 class="title">Scripts em OCaml</h1>
</div>
</header> </header>
<main class="article"> <main class="article">
<p>Este blog gera suas postagens com o Pandoc, mas quem faz o trabalho <p>Este blog gera suas postagens com o Pandoc, mas quem faz o trabalho

2
posts/template.html generated
View file

@ -39,7 +39,9 @@ $include-before$
$endfor$ $endfor$
$if(title)$ $if(title)$
<header id="title-block-header"> <header id="title-block-header">
<div id="title-container">
<h1 class="title">$title$</h1> <h1 class="title">$title$</h1>
</div>
$if(subtitle)$ $if(subtitle)$
<p class="subtitle">$subtitle$</p> <p class="subtitle">$subtitle$</p>
$endif$ $endif$