Files
njump/templates/head_common.html

91 lines
2.3 KiB
HTML

<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="/njump/static/styles.css?v=20230914" />
{{if .IsProfile}}
<link
rel="apple-touch-icon"
sizes="180x180"
href="/njump/static/favicon/profile/apple-touch-icon.png?v=2"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/njump/static/favicon/profile/favicon-32x32.png?v=2"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/njump/static/favicon/profile/favicon-16x16.png?v=2"
/>
{{else}}
<link
rel="apple-touch-icon"
sizes="180x180"
href="/njump/static/favicon/event/apple-touch-icon.png?v=2"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/njump/static/favicon/event/favicon-32x32.png?v=2"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/njump/static/favicon/event/favicon-16x16.png?v=2"
/>
{{end}}
<meta name="theme-color" content="#e42a6d" />
<script src="https://unpkg.com/hyperscript.org@0.9.12"></script>
<script src="https://cdn.tailwindcss.com?plugins=typography"></script>
<script>
tailwind.config = {
darkMode: ['class', '.theme--dark'],
theme: {
extend: {
fontFamily: {
sans: ['Helvetica', 'ui-sans-serif', 'system-ui']
},
colors: {
lavender: '#fdf0f5',
strongpink: '#e32a6d',
crimson: '#bc1150',
garnet: '#42091e'
},
typography: ({theme}) => ({
/* for markdown html content */
DEFAULT: {
css: {
'--tw-prose-headings': theme('colors.strongpink'),
'--tw-prose-invert-headings': theme('colors.strongpink'),
'--tw-prose-links': theme('colors.gray[700]'),
'--tw-prose-invert-links': theme('colors.neutral[50]')
}
}
})
}
}
}
</script>
<style type="text/tailwindcss">
@layer utilities {
.imgclip {
clip-path: url(#svg-shape);
}
.gradient {
mask-image: linear-gradient(
to bottom,
rgb(0, 0, 0) 50%,
rgba(0, 0, 0, 0) 100%
);
}
}
</style>
<script type="text/hyperscript">
on load get [navigator.userAgent.includes('Safari'), navigator.userAgent.includes('Chrome')] then if it[0] is true and it[1] is false add .safari to <body /> end
</script>