violette/bigblase.xyz
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update css & rules ; footer + favicon work
All checks were successful
/ test (push) Successful in 5s
Details

Browse source
This commit is contained in:
violette 2024-05-14 01:19:54 -04:00
parent 6286a22943
commit c319ac0e4e
5 changed files with 36 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

0
themes/violette/assets/favicon.ico → static/favicon.ico
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB

42
themes/violette/assets/css/main.css
View file

@ -40,14 +40,18 @@
.color-scheme-wrapper { .color-scheme-wrapper {
min-height: 100vh; min-height: 100vh;
background:var(--bg); background-color: var(--bg);
transition: 1s all; transition: 1s all;
color:var(--text); color:var(--text);
} }
.margin { .margin {
min-height: 100vh;
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;
display: flex;
flex-direction: column;
} }
#color-mode { #color-mode {
@ -58,6 +62,9 @@ body {
font-family: sans-serif; font-family: sans-serif;
line-height: 1.5; line-height: 1.5;
margin: 0; margin: 0;
display: flex;
flex-direction: column;
} }
header { header {
@ -95,34 +102,36 @@ h3 {
footer { footer {
border-top: 1px solid #222; border-top: 1px solid #222;
margin-top: 0; margin-top: auto;
margin-bottom: 5pt;
padding-top: 0; padding-top: 0;
width: 100%; width: 100%;
display: flex; min-height: 42pt;
position: sticky;
} }
.footer { .footer {
color: var(--text);
align-items: center;
width: 100%;
display: flex; display: flex;
align-items: center;
justify-content: center; justify-content: center;
width: 100%;
gap: 10px; gap: 10px;
} }
.nav { .nav {
display: flex;
list-style-type: none; list-style-type: none;
margin: 5pt; margin: 5pt;
display: flex;
align-items: center;
} }
.nav-right { .nav-right {
display: flex;
align-items:flex-end;
justify-content: flex-end;
list-style-type: none; list-style-type: none;
width: 100%; width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
} }
li { li {
@ -132,6 +141,7 @@ li {
ul { ul {
padding-right: 5pt; padding-right: 5pt;
padding-left: 5pt;
margin-left: 5pt; margin-left: 5pt;
} }
@ -151,3 +161,13 @@ a, label {
width: 100%; width: 100%;
display: block; display: block;
} }
/* resize image that are in main, and center them */
main img {
max-width: 512pt;;
margin-left:auto;
margin-right:auto;
display:flex;
float:none;
}

1
themes/violette/assets/js/main.js
View file

@ -1 +0,0 @@
console.log('This site was generated by Hugo.');

2
themes/violette/layouts/_default/baseof.html
View file

@ -7,7 +7,7 @@
{{ end }} {{ end }}
</head> </head>
<body> <body class="preload">
<input id="color-mode" class="theme-box" type="checkbox"> <input id="color-mode" class="theme-box" type="checkbox">
<div class="color-scheme-wrapper"> <div class="color-scheme-wrapper">
<div class="margin"> <div class="margin">

12
themes/violette/layouts/partials/head/css.html
View file

@ -1,9 +1,3 @@
{{- with resources.Get "css/main.css" }} {{ with resources.Get "css/main.css" }}
{{- if eq hugo.Environment "development" }} <style> {{ .Content | safeCSS }} </style>
<link rel="stylesheet" href="{{ .RelPermalink }}"> {{ end }}
{{- else }}
{{- with . | minify | fingerprint }}
<link rel="stylesheet" href="{{ .RelPermalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous">
{{- end }}
{{- end }}
{{- end }}