maurice/snix
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style(web/homepage): Wrap links around the entire entry

Browse source 
This makes it much easier to click on them. Required some style
reshuffling to satisfy CSS.
This commit is contained in:
Vincent Ambo 2020-02-09 02:20:41 +00:00
parent 4a18b3971a
commit ac2c9b7e87
3 changed files with 18 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

8
web/homepage/default.nix
View file

@ -46,16 +46,16 @@ let
}); });
entryToDiv = defun [ entry string ] (entry: '' entryToDiv = defun [ entry string ] (entry: ''
<div class="entry ${entry.class}"> <a href="${entry.url}" class="entry ${entry.class}">
<p> <div>
<a class="entry-title" href="${entry.url}">${escape entry.title}</a> <p class="entry-title">${escape entry.title}</p>
</p>
${ ${
lib.optionalString ((entry ? description) && (entry.description != null)) lib.optionalString ((entry ? description) && (entry.description != null))
"<p class=\"entry-description\">${escape entry.description}</p>" "<p class=\"entry-description\">${escape entry.description}</p>"
} }
<p class="entry-date">${formatEntryDate entry}</p> <p class="entry-date">${formatEntryDate entry}</p>
</div> </div>
</a>
''); '');
index = entries: third_party.writeText "index.html" (lib.concatStrings ( index = entries: third_party.writeText "index.html" (lib.concatStrings (

10
web/homepage/header.html
View file

@ -17,11 +17,11 @@
<p>Hello, illuminated visitor.</p> <p>Hello, illuminated visitor.</p>
<p> <p>
I'm tazjin. Usually you can find I'm tazjin. Usually you can find
me <a href="https://git.tazj.in/about">programming computers</a> me <a class="dark-link" href="https://git.tazj.in/about">programming computers</a>
using tools such as <a href="https://nixos.org/nix">Nix</a> using tools such as <a class="dark-link" href="https://nixos.org/nix">Nix</a>
and <a href="https://www.gnu.org/software/emacs/">Emacs</a>, and <a class="dark-link" href="https://www.gnu.org/software/emacs/">Emacs</a>,
cuddling <a href="https://twitter.com/edefic">people I love</a> cuddling <a class="dark-link" href="https://twitter.com/edefic">people I love</a>
or posting nonsense <a href="https://twitter.com/tazjin">on the or posting nonsense <a class="dark-link" href="https://twitter.com/tazjin">on the
internet</a>. internet</a>.
</p> </p>
<p> <p>

5
web/homepage/static/tazjin.css
View file

@ -50,7 +50,7 @@ h1, h2, h3 {
color: #e4e4ef; color: #e4e4ef;
} }
.dark a { .dark-link, .interblag-title {
color: #96a6c8; color: #96a6c8;
} }
@ -68,11 +68,12 @@ h1, h2, h3 {
.entry { .entry {
width: 42%; width: 42%;
margin: 5px; margin: 5px;
padding-left: 5px; padding-left: 7px;
padding-right: 5px; padding-right: 5px;
border: 2px solid; border: 2px solid;
border-radius: 5px; border-radius: 5px;
flex-grow: 1; flex-grow: 1;
text-decoration: none;
} }
.misc { .misc {