79 lines
5.4 KiB
Go Template
79 lines
5.4 KiB
Go Template
{{define "body"}}
|
|
<main>
|
|
{{with .Flash}}
|
|
<aside>{{.}}</aside>
|
|
{{end}}
|
|
<div class="home-grid">
|
|
<div class="projects">
|
|
<svg class="project-icon" height="300" viewBox="-10 0 501.94 520.22" aria-hidden="true">
|
|
<polygon class="projects-icon__1" fill="none" stroke-linecap="round" stroke-miterlimit="10" stroke-width="10px" stroke="var(--border,#aaaaaa)" points="145 111.18 345 11.18 245 211.18 45 311.18 145 111.18"/>
|
|
<polygon class="projects-icon__2" fill="none" stroke-linecap="round" stroke-miterlimit="10" stroke-width="10px" stroke="var(--border,#aaaaaa)" points="5 11.18 255 61.18 205 211.18 5 311.18 5 11.18"/>
|
|
<polygon class="projects-icon__3" fill="var(--text,#000000)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="10px" stroke="var(--text,#000000)" points="65 81.18 165 81.18 265 281.18 65 181.18 65 81.18"/>
|
|
<polygon class="projects-icon__4" fill="none" stroke-linecap="round" stroke-miterlimit="10" stroke-width="10px" stroke="var(--accent,#eeeeee)" points="425 411.18 225 511.18 275 261.18 475 261.18 425 411.18"/>
|
|
<circle fill="var(--text,#000000)" class="projects-icon__5" cx="385" cy="201.18" r="25"/>
|
|
</svg>
|
|
|
|
<h2>Projects</h2>
|
|
<a href="/projects" class="absolute-link" aria-label="Go to projects section"></a>
|
|
</div>
|
|
|
|
<div class="knowledge">
|
|
<svg class="knowledge-icon" height="300" viewBox="0 0 520 510" aria-hidden="true" style="max-width:100%;">
|
|
<rect class="knowledge-icon__1" stroke="var(--border,#aaaaaa)" stroke-width="10px" stroke-miterlimit="10" stroke-linecap="round" fill="none" x="5" y="5" width="300" height="300"/>
|
|
<rect class="knowledge-icon__2" stroke="var(--accent,#eeeeee)" stroke-width="10px" stroke-miterlimit="10" stroke-linecap="round" fill="none" x="215" y="205" width="300" height="300"/>
|
|
<circle stroke="var(--text,#eeeeee)" cx="385" cy="385" r="50" fill="var(--text,#eeeeee)"/>
|
|
<polygon class="knowledge-icon__3" fill="var(--text,#000000)" points="55 485 105 335 255 285 255 485 55 485"/>
|
|
<polygon class="knowledge-icon__4" fill="var(--border,#aaaaaa)" points="45 65 245 165 245 265 45 365 45 65"/>
|
|
</svg>
|
|
<h2>Knowledge</h2>
|
|
<a href="/knowledge" class="absolute-link" aria-label="Go to knowledge section"></a>
|
|
</div>
|
|
|
|
<div class="journal">
|
|
<svg class="journal-icon" height="300" viewBox="0 -100 550 550" aria-hidden="true">
|
|
<polygon class="journal-icon__2" fill="var(--border,#aaaaaa)" points="400 360 250 410 200 160 450 210 400 360"/>
|
|
<polygon class="journal-icon__1" fill="var(--text,#000000)" points="0 0 250 50 300 300 100 200 0 0"/>
|
|
<circle fill="none" stroke="var(--accent,#eeeeee)" stroke-width="10px" stroke-miterlimit="10" stroke-linecap="round" cx="310" cy="370" r="75"/>
|
|
</svg>
|
|
<h2>Journal</h2>
|
|
<a href="/journal" class="absolute-link" aria-label="Go to journal section"></a>
|
|
</div>
|
|
|
|
<div class="about">
|
|
<svg class="about-icon" height="300" viewBox="-20 0 443.09 464.04">
|
|
<polygon fill="none" stroke="var(--border,#aaaaaa)" stroke-width="10px" stroke-miterlimit="10" stroke-linecap="round" points="35 109.04 235 9.04 185 259.04 35 209.04 35 109.04"/>
|
|
<polygon fill="none" stroke="var(--border,#aaaaaa)" stroke-width="10px" stroke-miterlimit="10" stroke-linecap="round" points="415 459.04 115 459.04 165 209.04 315 259.04 415 459.04"/>
|
|
<circle fill="var(--text,#000000)" cx="75" cy="159.04" r="75"/>
|
|
<circle class="about-icon__1" fill="var(--accent,#eeeeee)" cx="75" cy="179.04" r="25"/>
|
|
<circle class="about-icon__2" fill="var(--accent,#eeeeee)" cx="75" cy="309.04" r="50"/>
|
|
</svg>
|
|
<h2>About</h2>
|
|
<a href="/about" class="absolute-link" aria-label="Go to about section"></a>
|
|
</div>
|
|
|
|
<div class="portfolio">
|
|
<svg class="portfolio-icon" height="300" viewBox="-20 0 470 425" aria-hidden="true">
|
|
<circle fill="var(--border,#aaaaaa)" cx="180" cy="400" r="25"/>
|
|
<polygon class="portfolio-icon__1" fill="var(--text,#000000)" points="100 100 300 0 200 200 0 300 100 100"/>
|
|
<circle class="portfolio-icon__2" stroke="var(--accent,#eeeeee)" stroke-width="10px" stroke-miterlimit="10" stroke-linecap="round" fill="none" cx="360" cy="170" r="75"/>
|
|
<rect fill="var(--text,#000000)" x="110" y="160" width="100" height="100"/>
|
|
<rect class="portfolio-icon__2" fill="var(--border,#aaaaaa)" x="40" y="90" width="200" height="200"/>
|
|
</svg>
|
|
<h2>Work</h2>
|
|
<a href="/hire" class="absolute-link" aria-label="Go to work section"></a>
|
|
</div>
|
|
|
|
</div>
|
|
{{if .Pages}}
|
|
<div>
|
|
<ul>
|
|
{{range .Pages}}
|
|
<li>
|
|
<a href="/{{.Slug}}">{{.Name}}</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</div>
|
|
{{end}}
|
|
</main>
|
|
{{end}}
|