68 lines
1.8 KiB
Cheetah
68 lines
1.8 KiB
Cheetah
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="stylesheet" href="/style.css">
|
|
<script src="/notifications.js" defer></script>
|
|
<title>New Tab</title>
|
|
</head>
|
|
<body>
|
|
<div class="image">
|
|
<img draggable="false" src="/wallpaper.jpg" alt="">
|
|
</div>
|
|
<div class="layout">
|
|
<div class="page">
|
|
<h1>hello <span class="accent">hazy</span></h1>
|
|
<form
|
|
class="search-form"
|
|
action="https://duckduckgo.com/"
|
|
method="get"
|
|
enctype="application/x-www-form-urlencoded"
|
|
>
|
|
<input
|
|
autofocus
|
|
autocomplete="off"
|
|
placeholder=""
|
|
class="search-input"
|
|
type="text"
|
|
name="q"
|
|
id=""
|
|
/>
|
|
</form>
|
|
|
|
<div class="terminal">
|
|
<p>
|
|
{{range $val := .Times}}
|
|
<em>{{ $val.Name }}</em>: {{ $val.Time }}<br/>
|
|
{{ end }}
|
|
</p>
|
|
<p><em>contributions</em>:</p>
|
|
<div class="heatmap">
|
|
{{range $v := .Heatmap.Days }}{{ if eq $v 0}}<li/>{{ else }}<li style="--v: {{ $v }}"/>{{ end }}{{ end }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="listening">
|
|
{{if .Playing}}
|
|
<div class="track">
|
|
<img class="cover" draggable="false" src="{{.Playing.Track.ArtUrl}}" />
|
|
<div class="details">
|
|
<div class="song">{{.Playing.Track.Title}}</div>
|
|
<div class="artist">{{.Playing.Track.Artist}}</div>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
<div class="notifications">
|
|
{{range $i, $val := .Notifications}}
|
|
<div class="notification {{if ge $i 5}}hidden{{end}}" data-notification-id="{{ $val.Id }}" style="view-transition-name: notification-{{ $val.Id }}">
|
|
<div class="app-name">{{ $val.AppName }}</div>
|
|
<div class="message">{{htmlSafe $val.Message }}</div>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
</body>
|
|
</html>
|