mgdelacroix/sandwitchboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Small CSS changes

Browse source
This commit is contained in:
Miguel de la Cruz 2024-08-03 08:33:58 +02:00
parent c2b4e8467b
commit 7a5ab7cf09
3 changed files with 64 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
templates/index.html.tmpl
View file

@ -8,6 +8,8 @@
<link rel="stylesheet" type="text/css" href="{{.relpath}}style.css" /> <link rel="stylesheet" type="text/css" href="{{.relpath}}style.css" />
</head> </head>
<body> <body>
<main>
<div id="content">
<h1>{{.title}}</h1> <h1>{{.title}}</h1>
{{if ne (len .recipes) 0}} {{if ne (len .recipes) 0}}
@ -17,5 +19,7 @@
{{end}} {{end}}
</ul> </ul>
{{end}} {{end}}
</div>
</main>
</body> </body>
</html> </html>

4
templates/recipe.html.tmpl
View file

@ -8,6 +8,8 @@
<link rel="stylesheet" type="text/css" href="{{.relpath}}style.css" /> <link rel="stylesheet" type="text/css" href="{{.relpath}}style.css" />
</head> </head>
<body> <body>
<main>
<div id="content">
<h1>{{.name}}</h1> <h1>{{.name}}</h1>
{{$recipeImage := recipeImage .path}} {{$recipeImage := recipeImage .path}}
@ -38,5 +40,7 @@
{{end}} {{end}}
{{end}} {{end}}
</ul> </ul>
</div>
</main>
</body> </body>
</html> </html>

22
templates/style.css
View file

@ -1,8 +1,30 @@
body { body {
font-size: 1.3rem;
background-color: lightgrey; background-color: lightgrey;
font-family: monospace; font-family: monospace;
} }
main {
display: flex;
flex-flow: column;
align-items: center;
width: 100%;
height: 100%;
}
#content {
width: 80%;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
img {
max-width: 50%;
max-height: 500px;
}
.ingredient { .ingredient {
font-weight: bold; font-weight: bold;
color: green; color: green;