728/ismism
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui-index #15

Browse Source
This commit is contained in:
728
2022-11-26 13:22:37 +08:00
parent bc487bcb72
commit ecae75ac4c
4 changed files with 122 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
cli/build.zsh
View File

@ -12,7 +12,6 @@ cp ui/cast/*.webp ../ui/cast/
deno bundle ui/cast/bind.ts ../ui/cast/bind.js
mkdir ../ui/index
cp ui/ismism.css ../ui/
cp ui/index/index.html ../ui/index/index.html
deno bundle ui/index/bind.ts ../ui/index/bind.js

2
ismism.ts/ui/index.html
View File

@ -6,6 +6,8 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="x-icon" href="https://img.00000.host/2022/10/27/635a7048a7586.png">
<link rel="preload" as="fetch" href="/json/agenda.json">
<link rel="preload" as="fetch" href="/json/recent.json">
</head>
<style>

121
ismism.ts/ui/index/index.html
View File

@ -6,7 +6,126 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="x-icon" href="https://img.00000.host/2022/10/27/635a7048a7586.png">
<link rel="stylesheet" href="/ismism.css">
<style>
:root {
--white: #fff;
--lightgray: #f1f1f1;
--gray: #9e9e9e;
--darkgray: #616161;
--black: #000;
--palered: #ffdddd;
--red: #f44336;
--amber: #ffc107;
--purple: #673ab7;
--small: 12px;
--normal: 15px;
--large: 18px;
--w-max: 1400px;
--w-min: 320px;
--w-max-main: 960px;
}
html {
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
body {
margin: 0;
color: var(--black);
background: var(--lightgray);
font-family: sans-serif;
font-size: var(--normal);
line-height: 1.5;
}
h1,
h2,
h3 {
font-weight: 400;
margin: 10px 0;
}
h1 {
font-size: 36px
}
h2 {
font-size: 30px
}
h3 {
font-size: 24px
}
hr {
height: 0;
border: 0;
border-top: 1px solid #eee;
overflow: visible;
margin: 20px 0;
}
a {
color: inherit;
text-decoration: none;
}
a.link {
text-decoration: 1px underline;
text-underline-offset: 4px;
}
a.link:hover {
color: var(--amber);
}
code {
font-family: monospace;
font-size: 1em;
}
div.title {
padding-top: 32px;
padding-bottom: 16px;
min-width: var(--w-min);
max-width: var(--w-max);
text-align: center;
margin-left: auto;
margin-right: auto;
}
div.main {
min-width: var(--w-min);
max-width: var(--w-max-main);
margin: 0 auto;
padding: 0;
}
article {
margin: 16px;
padding: 8px 16px;
background: var(--white);
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}
article>section {
margin: 0;
}
footer {
padding: 32px 16px;
margin-top: 16px;
color: var(--gray);
text-align: center;
}
</style>
</head>
<template id="tag"><a><span class="tag-name">tag</span><span class="tag-count">99</span></a></template>

117
ismism.ts/ui/ismism.css
View File

@ -1,117 +0,0 @@
:root {
--white: #fff;
--lightgray: #f1f1f1;
--gray: #9e9e9e;
--darkgray: #616161;
--black: #000;
--palered: #ffdddd;
--red: #f44336;
--amber: #ffc107;
--purple: #673ab7;
--small: 12px;
--normal: 15px;
--large: 18px;
--w-max: 1400px;
--w-min: 320px;
--w-max-main: 960px;
}
html {
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
body {
margin: 0;
color: var(--black);
background: var(--lightgray);
font-family: sans-serif;
font-size: var(--normal);
line-height: 1.5;
}
h1,
h2,
h3 {
font-weight: 400;
margin: 10px 0;
}
h1 {
font-size: 36px
}
h2 {
font-size: 30px
}
h3 {
font-size: 24px
}
hr {
height: 0;
border: 0;
border-top: 1px solid #eee;
overflow: visible;
margin: 20px 0;
}
a {
color: inherit;
text-decoration: none;
}
a.link {
text-decoration: 1px underline;
text-underline-offset: 4px;
}
a.link:hover {
color: var(--amber);
}
code {
font-family: monospace;
font-size: 1em;
}
div.title {
padding-top: 32px;
padding-bottom: 16px;
min-width: var(--w-min);
max-width: var(--w-max);
text-align: center;
margin-left: auto;
margin-right: auto;
}
div.main {
min-width: var(--w-min);
max-width: var(--w-max-main);
margin: 0 auto;
padding: 0;
}
article {
margin: 16px;
padding: 8px 16px;
background: var(--white);
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}
article>section {
margin: 0;
}
footer {
padding: 32px 16px;
margin-top: 16px;
color: var(--gray);
text-align: center;
}