efim/Learning-HTMX
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: enabled tailwindcss

Browse Source 
and have single watcher command to rebuild out.css and restart the
server:
wgo -verbose -file .go -file .gohtml echo reloading :: bash -c 'tailwindcss -i ./input.css -o public/out.css' :: go run main.go
This commit is contained in:
efim
2023-10-03 15:06:18 +00:00
parent 83d8cd07d2
commit 8b95d963fe
5 changed files with 585 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
17-results-summary-component-go/templates/summary-component.gohtml
View File

@@ -1,47 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- displays site properly based on user's device -->
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- displays site properly based on user's device -->
<link rel="icon" type="image/png" sizes="32x32" href="static/public/images/favicon-32x32.png">
<title>Frontend Mentor | Results summary component</title>
<link
rel="stylesheet"
href="static/public/out.css"
type="text/css"
media="screen"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="static/public/images/favicon-32x32.png"
/>
<!-- Feel free to remove these styles or customise in your own stylesheet 👍 -->
<style>
.attribution { font-size: 11px; text-align: center; }
.attribution a { color: hsl(228, 45%, 44%); }
</style>
</head>
<body>
<title>Frontend Mentor | Results summary component</title>
Your Result
76
of 100
<!-- Feel free to remove these styles or customise in your own stylesheet 👍 -->
<style>
.attribution {
font-size: 11px;
text-align: center;
}
.attribution a {
color: hsl(228, 45%, 44%);
}
</style>
</head>
<body class="bg-blue-300 text-xl">
Your Result 76 of 100 Great! You scored higher than 65% of the people who
have taken these tests. Summary Reaction 80 / 100 Memory 92 / 100 Verbal 61
/ 100 Visual 72 / 100 Continue
Great
You scored higher than 65% of the people who have taken these tests.
Summary
Reaction
80 / 100
Memory
92 / 100
Verbal
61 / 100
Visual
72 / 100
Continue
<div class="attribution">
Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>.
Coded by <a href="#">Your Name Here</a>.
</div>
</body>
<div class="attribution">
Challenge by
<a href="https://www.frontendmentor.io?ref=challenge" target="_blank"
>Frontend Mentor</a
>. Coded by <a href="#">Your Name Here</a>.
</div>
</body>
</html>