array-in-a-matrix/bloginamatrix.xyz
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Activity

Switch to single page application #2

Merged
array-in-a-matrix merged 8 commits from hpx-spa into main 2024-01-08 21:04:02 -05:00
Conversation 0 Commits 8 Files changed 10 +44 -10
5 changed files with 44 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 41922dd2cd - Show all commits

12
src/components/content.nim Normal file
View file

@ -0,0 +1,12 @@
# Import HappyX
import happyx
# Declare component
component Content:
# Declare HTML template
`template`:
tDiv(class = "p-10"):
"read"
`script`:
echo "Start coding!"

13
src/components/index.nim Normal file
View file

@ -0,0 +1,13 @@
# Import HappyX
import happyx
# Declare component
component Index:
# Declare HTML template
`template`:
tDiv(class = "p-10"):
tH1():
"Blog in a Matrix"
`script`:
echo "Start coding!"

16
src/components/navigation.nim
View file

@ -6,8 +6,14 @@ import happyx
component Nav: component Nav:
# Declare HTML template # Declare HTML template
`template`: `template`:
# tDiv(class = "", id=""): tNav(class="bg-black w-48 text-white text-center"):
tNav(class="nav"): tDiv():
"Hello, world!" "Title"
`script`: tA():
echo "Start coding!" "button"
tA():
"button"
tA():
"button"
tA():
"button"

2
src/index.html
View file

@ -6,7 +6,7 @@
</head> </head>
<body> <body>
<div id="app"></div> <div id="app" class="relative min-h-screen flex"></div>
<script src="main.js"></script> <script src="main.js"></script>
</body> </body>
</html> </html>

9
src/main.nim
View file

@ -2,10 +2,13 @@
import import
happyx, happyx,
path_params, path_params,
components/[navigation] components/[navigation, index, content]
# Declare application with ID "app"
appRoutes("app"): appRoutes("app"):
"/": "/":
# Component usage
component Nav component Nav
component Index
"/read":
component Nav
component Content