zoe/hugo-batsite
1
0
Fork 0
mirror of https://git.kittycat.homes/zoe/hugo-batsite.git synced 2024-08-15 03:18:24 +00:00
Code Issues Projects Releases Wiki Activity

hover icons for header links

Browse source
This commit is contained in:
Zoe 2022-04-18 10:43:09 +02:00
parent 3dd816a0ab
commit 6a2c87267a
16 changed files with 56 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
public/about/index.html
View file

@ -12,7 +12,7 @@
<body class="colorswitch"><div id="content"> <body class="colorswitch"><div id="content">
<section id="main"> <section id="main">
<div class="titlecontainer"> <div class="titlecontainer">
<h1 id="title" class="colorswitch">about</h1> <h1 id="title" class="colorswitch"><a href="./" class="colorswitch singlepagelink">about</a></h1>
</div> </div>
<div> <div>
<article id="content" class="colorswitch"> <article id="content" class="colorswitch">

2
public/categories/index.html
View file

@ -14,7 +14,7 @@
<main> <main>
<article class="colorswitch"> <article class="colorswitch">
<header> <header>
<h1 id="title"><a href="./index.xml" class="colorswitch with-rss" id="rss-title">Categories </a></h1> <h1 id="title"><a target="_blank" rel="noreferrer noopener" href="./index.xml" class="colorswitch with-rss" id="rss-title">Categories </a></h1>
</header> </header>

2
public/games/index.html
View file

@ -14,7 +14,7 @@
<main> <main>
<article class="colorswitch"> <article class="colorswitch">
<header> <header>
<h1 id="title"><a href="./index.xml" class="colorswitch with-rss" id="rss-title">games </a></h1> <h1 id="title"><a target="_blank" rel="noreferrer noopener" href="./index.xml" class="colorswitch with-rss" id="rss-title">games </a></h1>
</header> </header>

2
public/index.html
View file

@ -13,7 +13,7 @@
</head> </head>
<body class="colorswitch"><div id="content"> <body class="colorswitch"><div id="content">
<header> <header>
<h1 id="title"><a href="./index.xml" class="colorswitch with-rss" id="rss-title">home </a></h1> <h1 id="title"><a target="_blank" rel="noreferrer noopener" href="./index.xml" class="colorswitch with-rss" id="rss-title">home </a></h1>
</header> </header>
<article id="content" class="colorswitch"> <article id="content" class="colorswitch">
<p> <p>

2
public/links/buddies/index.html
View file

@ -12,7 +12,7 @@
<body class="colorswitch"><div id="content"> <body class="colorswitch"><div id="content">
<section id="main"> <section id="main">
<div class="titlecontainer"> <div class="titlecontainer">
<h1 id="title" class="colorswitch">buddies</h1> <h1 id="title" class="colorswitch"><a href="./" class="colorswitch singlepagelink">buddies</a></h1>
</div> </div>
<div> <div>
<article id="content" class="colorswitch"> <article id="content" class="colorswitch">

2
public/links/contact/index.html
View file

@ -12,7 +12,7 @@
<body class="colorswitch"><div id="content"> <body class="colorswitch"><div id="content">
<section id="main"> <section id="main">
<div class="titlecontainer"> <div class="titlecontainer">
<h1 id="title" class="colorswitch">find me</h1> <h1 id="title" class="colorswitch"><a href="./" class="colorswitch singlepagelink">find me</a></h1>
</div> </div>
<div> <div>
<article id="content" class="colorswitch"> <article id="content" class="colorswitch">

2
public/links/index.html
View file

@ -14,7 +14,7 @@
<main> <main>
<article class="colorswitch"> <article class="colorswitch">
<header> <header>
<h1 id="title"><a href="./index.xml" class="colorswitch with-rss" id="rss-title">links </a></h1> <h1 id="title"><a target="_blank" rel="noreferrer noopener" href="./index.xml" class="colorswitch with-rss" id="rss-title">links </a></h1>
</header> </header>

2
public/links/nice_things/index.html
View file

@ -12,7 +12,7 @@
<body class="colorswitch"><div id="content"> <body class="colorswitch"><div id="content">
<section id="main"> <section id="main">
<div class="titlecontainer"> <div class="titlecontainer">
<h1 id="title" class="colorswitch">things that make me happy</h1> <h1 id="title" class="colorswitch"><a href="./" class="colorswitch singlepagelink">things that make me happy</a></h1>
</div> </div>
<div> <div>
<article id="content" class="colorswitch"> <article id="content" class="colorswitch">

2
public/music/index.html
View file

@ -14,7 +14,7 @@
<main> <main>
<article class="colorswitch"> <article class="colorswitch">
<header> <header>
<h1 id="title"><a href="./index.xml" class="colorswitch with-rss" id="rss-title">music </a></h1> <h1 id="title"><a target="_blank" rel="noreferrer noopener" href="./index.xml" class="colorswitch with-rss" id="rss-title">music </a></h1>
</header> </header>
<h2 id="where-to-listen" class="colorswitch"> <h2 id="where-to-listen" class="colorswitch">

2
public/posts/index.html
View file

@ -14,7 +14,7 @@
<main> <main>
<article class="colorswitch"> <article class="colorswitch">
<header> <header>
<h1 id="title"><a href="./index.xml" class="colorswitch with-rss" id="rss-title">posts </a></h1> <h1 id="title"><a target="_blank" rel="noreferrer noopener" href="./index.xml" class="colorswitch with-rss" id="rss-title">posts </a></h1>
</header> </header>

21
public/scss/main.css
View file

@ -173,6 +173,13 @@ h6a.light {
h6a.light:hover { h6a.light:hover {
background-color: transparent; } background-color: transparent; }
h1 a {
color: #413c74; }
h1 a.light {
color: #ffffff; }
h1 a:hover {
background-color: transparent; }
h1 #rss-title { h1 #rss-title {
background-color: transparent; background-color: transparent;
color: #413c74; } color: #413c74; }
@ -487,6 +494,20 @@ h5,
h6 { h6 {
border-top-right-radius: 48pt; border-top-right-radius: 48pt;
border-bottom-right-radius: 48pt; } border-bottom-right-radius: 48pt; }
h1 .with-rss:hover::before,
h2 .with-rss:hover::before,
h3 .with-rss:hover::before,
h4 .with-rss:hover::before,
h5 .with-rss:hover::before,
h6 .with-rss:hover::before {
content: " "; }
h1 .singlepagelink:hover::before,
h2 .singlepagelink:hover::before,
h3 .singlepagelink:hover::before,
h4 .singlepagelink:hover::before,
h5 .singlepagelink:hover::before,
h6 .singlepagelink:hover::before {
content: "./"; }
h1 .hash-link:hover, h1 .hash-link:hover,
h2 .hash-link:hover, h2 .hash-link:hover,
h3 .hash-link:hover, h3 .hash-link:hover,

2
public/software/index.html
View file

@ -14,7 +14,7 @@
<main> <main>
<article class="colorswitch"> <article class="colorswitch">
<header> <header>
<h1 id="title"><a href="./index.xml" class="colorswitch with-rss" id="rss-title">software </a></h1> <h1 id="title"><a target="_blank" rel="noreferrer noopener" href="./index.xml" class="colorswitch with-rss" id="rss-title">software </a></h1>
</header> </header>
<p>wow this software is so <button class="randomword-button colorswitch" data-wordlist="insert buzzword, innovative, groundbreaking, awe inspiring, cyber, enterprise ready, revolutionary"></button> <p>wow this software is so <button class="randomword-button colorswitch" data-wordlist="insert buzzword, innovative, groundbreaking, awe inspiring, cyber, enterprise ready, revolutionary"></button>

2
public/software/wisdom/index.html
View file

@ -12,7 +12,7 @@
<body class="colorswitch"><div id="content"> <body class="colorswitch"><div id="content">
<section id="main"> <section id="main">
<div class="titlecontainer"> <div class="titlecontainer">
<h1 id="title" class="colorswitch">wisdom</h1> <h1 id="title" class="colorswitch"><a href="./" class="colorswitch singlepagelink">wisdom</a></h1>
</div> </div>
<div> <div>
<article id="content" class="colorswitch"> <article id="content" class="colorswitch">

2
public/tags/index.html
View file

@ -14,7 +14,7 @@
<main> <main>
<article class="colorswitch"> <article class="colorswitch">
<header> <header>
<h1 id="title"><a href="./index.xml" class="colorswitch with-rss" id="rss-title">Tags </a></h1> <h1 id="title"><a target="_blank" rel="noreferrer noopener" href="./index.xml" class="colorswitch with-rss" id="rss-title">Tags </a></h1>
</header> </header>

21
resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
View file

@ -173,6 +173,13 @@ h6a.light {
h6a.light:hover { h6a.light:hover {
background-color: transparent; } background-color: transparent; }
h1 a {
color: #413c74; }
h1 a.light {
color: #ffffff; }
h1 a:hover {
background-color: transparent; }
h1 #rss-title { h1 #rss-title {
background-color: transparent; background-color: transparent;
color: #413c74; } color: #413c74; }
@ -487,6 +494,20 @@ h5,
h6 { h6 {
border-top-right-radius: 48pt; border-top-right-radius: 48pt;
border-bottom-right-radius: 48pt; } border-bottom-right-radius: 48pt; }
h1 .with-rss:hover::before,
h2 .with-rss:hover::before,
h3 .with-rss:hover::before,
h4 .with-rss:hover::before,
h5 .with-rss:hover::before,
h6 .with-rss:hover::before {
content: " "; }
h1 .singlepagelink:hover::before,
h2 .singlepagelink:hover::before,
h3 .singlepagelink:hover::before,
h4 .singlepagelink:hover::before,
h5 .singlepagelink:hover::before,
h6 .singlepagelink:hover::before {
content: "./"; }
h1 .hash-link:hover, h1 .hash-link:hover,
h2 .hash-link:hover, h2 .hash-link:hover,
h3 .hash-link:hover, h3 .hash-link:hover,

2
themes/battheme

@ -1 +1 @@
Subproject commit 3967fa102756f2e97fa17cb5693775e35c964543 Subproject commit 38b4fbd8550060c72d61ea3dbb9fdef05f0df0f6