removed house and made fallback for header without svgs more acceptable
This commit is contained in:
Pagwin
parent
17e5bce176
commit
2269e4f9e6
3 changed files with 11 additions and 128 deletions
|
|
@ -72,6 +72,11 @@
|
|||
background-color: var(--nav-link-bg-color);
|
||||
}
|
||||
|
||||
/*avoiding color issues of nesting anchor inside objects for header icon links*/
|
||||
a.icon:has(.nav-link){
|
||||
color: rgba(0,0,0,0);
|
||||
}
|
||||
|
||||
.nav-link:hover {
|
||||
background: var(--nav-link-bg-color-hover);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,124 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="512"
|
||||
height="512"
|
||||
viewBox="0 0 512 512"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
|
||||
sodipodi:docname="house.svg"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="px"
|
||||
inkscape:zoom="1.8339844"
|
||||
inkscape:cx="255.72737"
|
||||
inkscape:cy="244.00426"
|
||||
inkscape:window-width="2048"
|
||||
inkscape:window-height="1192"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1" />
|
||||
<defs
|
||||
id="defs1" />
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1">
|
||||
<rect
|
||||
style=""
|
||||
id="rect1"
|
||||
width="500"
|
||||
height="500"
|
||||
x="6"
|
||||
y="150.13957"
|
||||
class="primary-bg" />
|
||||
<path
|
||||
sodipodi:type="star"
|
||||
style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.37953;stroke-dasharray:none"
|
||||
id="path1"
|
||||
inkscape:flatsided="false"
|
||||
sodipodi:sides="3"
|
||||
sodipodi:cx="104.14483"
|
||||
sodipodi:cy="82.879662"
|
||||
sodipodi:r1="316.83224"
|
||||
sodipodi:r2="158.41612"
|
||||
sodipodi:arg1="0.52359878"
|
||||
sodipodi:arg2="1.5707963"
|
||||
inkscape:rounded="-3.469447e-18"
|
||||
inkscape:randomized="0"
|
||||
d="m 378.5296,241.29579 -274.38477,-1e-5 -274.38477,0 L -33.04756,3.671604 104.14483,-233.95258 241.33721,3.6715967 Z"
|
||||
inkscape:transform-center-y="-23.23117"
|
||||
transform="matrix(0.928836,0,0,0.29329294,159.22364,94.021247)"
|
||||
inkscape:transform-center-x="-3.6937831e-06"
|
||||
class="primary-bg" />
|
||||
<rect
|
||||
id="rect2"
|
||||
width="68.574364"
|
||||
height="138.57436"
|
||||
x="320.71281"
|
||||
y="372.71283"
|
||||
rx="2.1683502"
|
||||
ry="1.9701023"
|
||||
class="secondary-border" />
|
||||
<ellipse
|
||||
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.26186;stroke-dasharray:none;stroke-opacity:1"
|
||||
id="path2"
|
||||
cx="375"
|
||||
cy="444"
|
||||
rx="4.3690701"
|
||||
ry="4.3690696"
|
||||
class="secondary-bg" />
|
||||
<rect
|
||||
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2.80133;stroke-dasharray:none;stroke-opacity:1"
|
||||
id="rect3"
|
||||
width="66.198883"
|
||||
height="67.067093"
|
||||
x="117.39257"
|
||||
y="368.05112"
|
||||
rx="2.1974249"
|
||||
ry="4"
|
||||
class="secondary-bg" />
|
||||
<path
|
||||
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:2.85706;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="m 115.59532,400.76677 h 69.79339 z"
|
||||
id="path3"
|
||||
class="primary-stroke" />
|
||||
<path
|
||||
d="m 150.0427,352.23855 v 98.14697 z"
|
||||
id="path4"
|
||||
class="primary-stroke" />
|
||||
</g>
|
||||
<style>
|
||||
.primary-bg {
|
||||
fill:#000000;
|
||||
fill-opacity:1;
|
||||
}
|
||||
.primary-stroke {
|
||||
stroke:#000000;
|
||||
stroke-width:2.27913
|
||||
}
|
||||
.secondary-bg{
|
||||
|
||||
}
|
||||
.secondary-border{
|
||||
stroke:#ffffff;
|
||||
stroke-width:3.77952756;
|
||||
stroke-opacity:1;
|
||||
stroke-dasharray:none;
|
||||
}
|
||||
</style>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 3.5 KiB |
|
|
@ -24,11 +24,13 @@
|
|||
<body>
|
||||
<!-- originally handled dark v light via js but decided it would be better to just do it all in css and have no toggle 8a7917a0cd34bd7637d9a9a8ad327e4b847cdeed is the last commit where I had the system setup -->
|
||||
<header id="header">
|
||||
<a class="icon" rel="prefetch" href="/"><object class="icon svg" data="/static/images/house.svg"
|
||||
alt="home"></object></a>
|
||||
<a class="icon" rel="prefetch" href="/"><object class="icon svg" data="/static/images/house.svg">
|
||||
<a href="/" class="nav-link">home</a>
|
||||
</object></a>
|
||||
<div class="back-shover"></div>
|
||||
<a class="icon" href="/index.xml"> <object class="icon svg" data="/static/images/rss.svg"
|
||||
alt="web feed"></object>
|
||||
<a class="icon" href="/index.xml"> <object class="icon svg" data="/static/images/rss.svg">
|
||||
<a href="/index.xml" class="nav-link">web feed</a>
|
||||
</object>
|
||||
</a>
|
||||
</header>
|
||||
<div id="content-outer">
|
||||
|
|
|
|||
Loading…
Reference in a new issue