messing around with pretty chunks for index

This commit is contained in:
gws 2024-11-10 16:13:36 +01:00
parent 8eb64523d0
commit 8fe7f5746f
3 changed files with 45 additions and 1 deletions

View file

@ -9,11 +9,37 @@ intro = "Need help with Product development or IT? <br> You have come to right p
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut magna vitae libero Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut magna vitae libero
accumsan pretium vitae et massa. Morbi dolor est, ullamcorper eu ante vitae, scelerisque accumsan pretium vitae et massa. Morbi dolor est, ullamcorper eu ante vitae, scelerisque
# Software Development
<!--
<div class="service block">
<div class="service inner">
<div class="service splash">
<img src="/software-icon.svg" style="height: inherit;">
</div>
<div class="service content">
<h2>Sajt</h2>
<p >Dags att levla upp din webb? Litet eller stort, med eller utan e-handel. Jag är med dig hela vägen från skiss till färdiglevererad webbplats.</p>
<a href="/software" >Jag vill veta mer</a>
</div>
</div>
</div>
-->
# Software Development <img src="/software-icon.svg" style="height: 2em;">
<!-- ![code icon](/software-icon.svg) -->
<!-- <div class="service splash"> -->
<!-- <img src="/software-icon.svg" style="height: inherit;"> -->
<!-- </div> -->
bibendum ligula. Etiam sed lobortis quam. Pellentesque habitant morbi tristique bibendum ligula. Etiam sed lobortis quam. Pellentesque habitant morbi tristique
senectus et netus et malesuada fames ac turpis egestas. Donec ac ullamcorper quam. senectus et netus et malesuada fames ac turpis egestas. Donec ac ullamcorper quam.
<a href="/software" >Jag vill veta mer</a>
# Product Development # Product Development

View file

@ -43,4 +43,16 @@ ul {
height: 1.3em; height: 1.3em;
position: relative; position: relative;
top: 0.35em; top: 0.35em;
}
.service.splash {
background: red;
width: 100%;
height: 2em;
}
.service {
background: green;
width: 40%;
} }

6
static/software-icon.svg Normal file
View file

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg width="800px" height="800px" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.01005 0.858582L6.01005 14.8586L7.98995 15.1414L9.98995 1.14142L8.01005 0.858582Z" fill="#000000"/>
<path d="M12.5 11.5L11.0858 10.0858L13.1716 8L11.0858 5.91422L12.5 4.5L16 8L12.5 11.5Z" fill="#000000"/>
<path d="M2.82843 8L4.91421 10.0858L3.5 11.5L0 8L3.5 4.5L4.91421 5.91422L2.82843 8Z" fill="#000000"/>
</svg>

After

Width:  |  Height:  |  Size: 550 B