0ct0pu5/magma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

done leaf theme

Browse source
This commit is contained in:
Help-14 2022-04-20 21:14:01 +07:00
parent d321210a20
commit 4b8712cd65
4 changed files with 31 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/main.go
View file

@ -91,11 +91,9 @@ func watchChanges() {
}
}()
err = watcher.Add(filepath.Join(pwd, "data", "data.yaml"))
err = watcher.Add(filepath.Join(pwd, "data", "config.yaml"))
if err != nil {
log.Fatal(err)
}
watcher.Add(filepath.Join(pwd, "data", "data.yaml"))
watcher.Add(filepath.Join(pwd, "data", "config.yaml"))
watcher.Add(filepath.Join(pwd, "themes", appConfig.Website.Theme, "index.html"))
<-done
}

8
src/themes/leaf/css/leaf.css Normal file
View file

@ -0,0 +1,8 @@
body {
background-color: var(--bgColor);
color: var(--foreground);
}
.accent {
color: var(--accentColor)
}

1
src/themes/leaf/css/tailwind.min.css vendored Normal file
View file

File diff suppressed because one or more lines are too long

52
src/themes/leaf/index.html
View file

@ -8,49 +8,35 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="/common/assets/favicon.ico" />
<link rel="stylesheet" href="/common/css/core.css">
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<link href="/theme/css/tailwind.min.css" rel="stylesheet">
<link rel="stylesheet" href="/common/css/all.min.css">
<link rel="stylesheet" href="/theme/css/leaf.css">
<link rel="stylesheet" href="/common/css/custom.css">
</head>
<body>
<div class="w-full h-full relative ">
<div class="absolute inset-0">
<div class="grid grid-flow-row auto-rows-max">
{{range .Contents}}
<h4 class="strong">{{.Title}}</h4>
<div class="grid grid-cols-4 gap-4">
{{range .Columns}}
<div>
<h6 class="accent">{{.Title}}</h6>
<div class="grid grid-flow-row auto-rows-max">
{{range .Bookmarks}}
<div>
<button
class="hover:bg-gray-600 rounded-lg p-3 border-0 border-transparent content-center items-center"
onclick="window.open('{{.Url}}')">
<div class="flex">
<div class="flex-none" style="width: 32px; height: 32px;">
{{if .IsImage}}
<img src="{{.Icon}}" class="icon">
{{else if .IsSVG}}
<svg-file src="{{.Icon}}" class="svg-icon"></svg-file>
{{else}}
<i class="{{.Icon}} fa-xl icon"></i>
{{end}}
</div>
<div class="grow ml-3">
<h6>{{.Name}}</h6>
</div>
</div>
</button>
<div class="grid place-items-center h-screen">
<div class="flex">
<div class="shrink place-items-center inset-0">
<div class="grid grid-flow-row auto-rows-max">
{{range .Contents}}
<p class="font-semibold uppercase mt-8 mb-4 text-2xl">{{.Title}}:</p>
<div class="grid grid-cols-4 gap-4">
{{range .Columns}}
<div class="rounded-lg p-3" style="background-color: #404040;">
<h6 class="accent mb-3 uppercase ">{{.Title}}</h6>
<div class="grid grid-flow-row auto-rows-max">
{{range .Bookmarks}}
<div>
<a href="{{.Url}}" class="text-gray-500 hover:text-green-500">{{.Name}}</a>
</div>
{{end}}
</div>
{{end}}
</div>
{{end}}
</div>
{{end}}
</div>
{{end}}
</div>
</div>
</div>