cheri/cheri.pink
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

nicer button style links for other pages

Browse source
This commit is contained in:
Cheri 2024-08-16 16:13:25 +03:00
parent 3061c4f491
commit dc104a274e
3 changed files with 22 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/_includes/base.njk
View file

@ -12,6 +12,7 @@
<title>{{ title }} - cheri.pink</title>
<link rel="stylesheet" href="/style.css">
<link rel="stylesheet" href="/elements.css">
</head>
<body>

9
src/index.md
View file

@ -28,14 +28,17 @@ Depends on the season, no?
***
Personal TODO: I know stuff is a bit hard to read being same color, I want to pimp up the styles of header elements and such so pages look less bland
<small> now what?
<br />hm.. how about this? </small>
## Some other pages yay
[Some stuffs I do on the interwebs!](/things-i-do/)
[How I computers - bip bup](/hardware-software/)
<div class="link-btn-group">
<a class="button" href="/things-i-do/">Some stuffs I do on the interwebs!</a>
<a class="button" href="/hardware-software/">Things about my computers - bip bup</a>
</div>
Anyway

15
src/resources/elements.css Normal file
View file

@ -0,0 +1,15 @@
.link-btn-group .button {
border-radius: 5px;
background-color: var(--dark_grey);
color: var(--fg);
padding: 7px 16px;
margin: 4px;
text-align: center;
text-decoration: none;
cursor: pointer;
display: block;
}
.link-btn-group .button:hover {
background-color: var(--bg_grey);
}