11<!DOCTYPE html>
22< html lang ="en ">
3-
43< head >
54 {{ partial "header.html" . }}
6-
75 < link rel ="stylesheet " href ="css/home.css ">
86</ head >
9-
107< body style ="background-color: #e5e9f4; ">
8+
9+ < header class ="page-header ">
10+ < img src ="images/IconCodefrydev.svg " alt ="Codefrydev Logo " height ="96px ">
11+ < h3 > Code Fry Dev< sup style ="font-size: small; font-weight: bold; "> Alpha</ sup > </ h3 >
12+ < h4 > Tools, Games, Art, Animation</ h4 >
13+ </ header >
14+
1115 < main >
12- < div class ="MainButtonParent ">
13- < img style ="align-items: center; " src ="images/IconCodefrydev.svg " alt ="Codefrydev Logo " height ="96px ">
14- </ div >
15- < h3 style ="align-items: center; "> Code Fry Dev< sup style ="font-size: small; font-weight: bold; "> Alpha</ sup > </ h3 >
16- < h4 style ="align-items: center; "> Tools, Games, Art, Animation</ h4 >
17-
18- < div class ="buttons ">
19- {{ range .Site.Data.home.data }}
20- < button class ="neumorphic hapticButton " onclick ="window.location.href='{{ .url }}' ">
21- < img src ="images/home/{{ .icon }}.svg " alt ="{{ .icon }} " class ="button-icon ">
22- < span > {{ .name }}</ span >
23- </ button >
24- {{ end }}
25- </ div >
16+ {{ range .Site.Data.home.categories }}
17+ < section class ="category-section ">
18+ < h2 class ="category-title "> {{ .name }}</ h2 >
19+ < div class ="button-grid ">
20+ {{ range .items }}
21+ < a href ="{{ .url }} " class ="neumorphic-button hapticButton ">
22+ < img src ="images/home/{{ .icon }}.svg " alt ="{{ .name }} icon " class ="button-icon ">
23+ < span > {{ .name }}</ span >
24+ </ a >
25+ {{ end }}
26+ </ div >
27+ </ section >
28+ {{ end }}
2629 </ main >
30+
2731 < script src ="js/feedback.js " > </ script >
2832</ body >
29-
30- </ html >
33+ </ html >
0 commit comments