2019-09-18 22:23:12 +02:00
|
|
|
{{define "appearance"}}<!DOCTYPE html>
|
2020-01-17 20:32:21 +01:00
|
|
|
<html lang="en">
|
2019-09-18 22:23:12 +02:00
|
|
|
<head>
|
|
|
|
|
{{template "meta_tags" "Appearance settings"}}
|
|
|
|
|
{{template "user_style" .}}
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
{{template "page_top" .}}
|
2022-01-03 14:02:50 +01:00
|
|
|
<div class="checkers inset">
|
|
|
|
|
<h1>Change website appearance</h1>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="limit_width">
|
2019-09-18 22:23:12 +02:00
|
|
|
<p>
|
|
|
|
|
You can change how pixeldrain looks! Your theme choice will
|
|
|
|
|
be saved in a cookie.
|
|
|
|
|
</p>
|
|
|
|
|
<div class="indent">
|
|
|
|
|
<input type="radio" id="style_default" name="style"><label for="style_default">Pixeldrain Style</label><br/>
|
2021-06-17 11:27:31 +02:00
|
|
|
<input type="radio" id="style_classic" name="style"><label for="style_classic">Pixeldrain classic (gray)</label><br/>
|
2019-09-18 22:23:12 +02:00
|
|
|
<input type="radio" id="style_solarized_dark" name="style"><label for="style_solarized_dark">Solarized Dark Style</label><br/>
|
|
|
|
|
<input type="radio" id="style_maroon" name="style"><label for="style_maroon">Maroon Style</label><br/>
|
|
|
|
|
<input type="radio" id="style_hacker" name="style"><label for="style_hacker">Hacker Style</label><br/>
|
|
|
|
|
<input type="radio" id="style_canta" name="style"><label for="style_canta">Canta Style</label>
|
|
|
|
|
(Inspired by <a href="https://github.com/vinceliuice/Canta-theme" target="_blank">Canta GTK</a>)<br/>
|
|
|
|
|
<input type="radio" id="style_arc" name="style"><label for="style_arc">Arc Style</label>
|
|
|
|
|
(Inspired by <a href="https://github.com/horst3180/Arc-theme" target="_blank">Arc GTK</a>)<br/>
|
|
|
|
|
<input type="radio" id="style_deepsea" name="style"><label for="style_deepsea">Deep Sea Style</label><br/>
|
2022-01-10 21:59:07 +01:00
|
|
|
<input type="radio" id="style_skeuos" name="style"><label for="style_skeuos">Skeuos Style</label>
|
|
|
|
|
(Inspired by <a href="https://www.gnome-look.org/p/1441725/" target="_blank">Skeuos GTK</a>)<br/>
|
2019-09-18 22:23:12 +02:00
|
|
|
<!--<input type="radio" id="style_sunny" name="style"><label for="style_sunny">Sunny Style</label>-->
|
|
|
|
|
</div>
|
2022-01-03 14:02:50 +01:00
|
|
|
</div>
|
2019-09-18 22:23:12 +02:00
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
// Style selector
|
|
|
|
|
document.getElementsByName("style").forEach(function(elem) {
|
|
|
|
|
elem.addEventListener("change", function(evt){
|
|
|
|
|
var date = new Date();
|
|
|
|
|
date.setTime(date.getTime() + (10 * 365 * 24 * 60 * 60 * 1000));
|
|
|
|
|
document.cookie = "style=" + evt.target.id.substring(6) + "; expires=" + date.toUTCString() + "; path=/";
|
|
|
|
|
|
|
|
|
|
location.reload();
|
|
|
|
|
})
|
|
|
|
|
});
|
|
|
|
|
</script>
|
2020-01-31 19:16:20 +01:00
|
|
|
{{template "page_bottom" .}}
|
2019-09-18 22:23:12 +02:00
|
|
|
{{template "analytics"}}
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
{{end}}
|
