delete jp notebook checkpoints
parent
22470fda5b
commit
4d15d12a1a
@ -1,32 +0,0 @@
|
||||
body {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.title {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
main {
|
||||
max-width: 40ch;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
h2 {
|
||||
border-top: 1px solid currentColor;
|
||||
padding-top: 32px;
|
||||
margin-top: 48px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
background-color: white;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 40ch;
|
||||
height: auto;
|
||||
}
|
||||
@ -1,32 +0,0 @@
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.cards {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 0;
|
||||
pointer-events: all;
|
||||
}
|
||||
|
||||
.cards > * {
|
||||
flex: 1;
|
||||
margin: 0 1vw;
|
||||
max-width: 20vw;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.cards > *:hover {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.header--categories {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.header--categories > * {
|
||||
pointer-events: all;
|
||||
}
|
||||
@ -1,37 +0,0 @@
|
||||
.tag[data-tag='SI16']{
|
||||
border-left-color: springgreen;
|
||||
}
|
||||
|
||||
.tag[data-tag='SI17']{
|
||||
border-left-color: black;
|
||||
}
|
||||
|
||||
.tag[data-tag='Web']{
|
||||
border-left-color: dodgerblue;
|
||||
}
|
||||
|
||||
.tag[data-tag='CMS']{
|
||||
border-left-color: gainsboro;
|
||||
}
|
||||
|
||||
.tag[data-tag='Python']{
|
||||
border-left-color: salmon;
|
||||
}
|
||||
|
||||
.tag[data-tag='NLTK']{
|
||||
border-left-color: tomato;
|
||||
}
|
||||
|
||||
.tag[data-tag='JS']{
|
||||
border-left-color: orange;
|
||||
}
|
||||
|
||||
.tag[data-tag='Text']{
|
||||
border-left-color: yellow;
|
||||
}
|
||||
|
||||
.tag[data-tag='Tool']{
|
||||
border-left-color: pink;
|
||||
}
|
||||
|
||||
|
||||
@ -1,112 +0,0 @@
|
||||
html,
|
||||
body {
|
||||
background-color: var(--background);
|
||||
font-size: var(--text);
|
||||
line-height: 1.4;
|
||||
font-family: var(--font);
|
||||
}
|
||||
|
||||
video{
|
||||
width: min(1920px, 100%);
|
||||
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
font-size: var(--text):
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: 'Necto-Mono';
|
||||
background-color: white;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
pre {
|
||||
white-space:pre-wrap;
|
||||
overflow-x: auto;
|
||||
|
||||
}
|
||||
|
||||
/* LINKS */
|
||||
|
||||
a {
|
||||
color: currentColor;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a::after {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
display: inline-block;
|
||||
content: "⤴";
|
||||
color: var(--accent);
|
||||
transform: translate(0);
|
||||
transition: transform 0.6s ease-in;
|
||||
}
|
||||
|
||||
a:hover::after {
|
||||
transform: translateY(-4px);
|
||||
transition: transform 0.1s ease-out;
|
||||
}
|
||||
|
||||
.stretched-link::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index:100;
|
||||
}
|
||||
|
||||
*[data-mover]{
|
||||
position: absolute;
|
||||
transition: transform 0.2s ease-out;
|
||||
}
|
||||
|
||||
|
||||
/* RETURN */
|
||||
|
||||
.back {
|
||||
display: block;
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
.back::before {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
display: inline-block;
|
||||
color: var(--accent);
|
||||
content: "← ";
|
||||
transform: translateX(0);
|
||||
transition: transform 0.6s ease-in;
|
||||
}
|
||||
|
||||
.back:hover::before {
|
||||
transform: translateX(-4px);
|
||||
transition: transform 0.1s ease-out;
|
||||
}
|
||||
|
||||
.back::after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
/* INTRO BOX */
|
||||
|
||||
.intro {
|
||||
background-color: var(--accent);
|
||||
border-radius: 16px;
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
/* LISTS */
|
||||
|
||||
ul {
|
||||
margin: 16px 0;
|
||||
/* padding: 0; */
|
||||
/* list-style: none; */
|
||||
}
|
||||
|
||||
li + li {
|
||||
margin-top: 0.25em;
|
||||
}
|
||||
|
||||
@ -1,77 +0,0 @@
|
||||
.codehilite .hll { background-color: #333333 }
|
||||
.codehilite .c { color: #008800; font-style: italic; } /* Comment */
|
||||
.codehilite .err { color: #333333 } /* Error */
|
||||
.codehilite .esc { color: #333333 } /* Escape */
|
||||
.codehilite .g { color: #333333 } /* Generic */
|
||||
.codehilite .k { color: #fb660a; font-weight: bold } /* Keyword */
|
||||
.codehilite .l { color: #333333 } /* Literal */
|
||||
.codehilite .n { color: #333333 } /* Name */
|
||||
.codehilite .o { color: #333333 } /* Operator */
|
||||
.codehilite .x { color: #333333 } /* Other */
|
||||
.codehilite .p { color: #333333 } /* Punctuation */
|
||||
.codehilite .ch { color: #008800; font-style: italic; } /* Comment.Hashbang */
|
||||
.codehilite .cm { color: #008800; font-style: italic; } /* Comment.Multiline */
|
||||
.codehilite .cp { color: #ff0007; font-weight: bold; font-style: italic; } /* Comment.Preproc */
|
||||
.codehilite .cpf { color: #008800; font-style: italic; } /* Comment.PreprocFile */
|
||||
.codehilite .c1 { color: #008800; font-style: italic; } /* Comment.Single */
|
||||
.codehilite .cs { color: #008800; font-style: italic; } /* Comment.Special */
|
||||
.codehilite .gd { color: #333333 } /* Generic.Deleted */
|
||||
.codehilite .ge { color: #333333 } /* Generic.Emph */
|
||||
.codehilite .gr { color: #333333 } /* Generic.Error */
|
||||
.codehilite .gh { color: #333333; font-weight: bold } /* Generic.Heading */
|
||||
.codehilite .gi { color: #333333 } /* Generic.Inserted */
|
||||
.codehilite .go { color: #444444; background-color: #222222 } /* Generic.Output */
|
||||
.codehilite .gp { color: #333333 } /* Generic.Prompt */
|
||||
.codehilite .gs { color: #333333 } /* Generic.Strong */
|
||||
.codehilite .gu { color: #333333; font-weight: bold } /* Generic.Subheading */
|
||||
.codehilite .gt { color: #333333 } /* Generic.Traceback */
|
||||
.codehilite .kc { color: #fb660a; font-weight: bold } /* Keyword.Constant */
|
||||
.codehilite .kd { color: #fb660a; font-weight: bold } /* Keyword.Declaration */
|
||||
.codehilite .kn { color: #fb660a; font-weight: bold } /* Keyword.Namespace */
|
||||
.codehilite .kp { color: #fb660a } /* Keyword.Pseudo */
|
||||
.codehilite .kr { color: #fb660a; font-weight: bold } /* Keyword.Reserved */
|
||||
.codehilite .kt { color: #cdcaa9; font-weight: bold } /* Keyword.Type */
|
||||
.codehilite .ld { color: #333333 } /* Literal.Date */
|
||||
.codehilite .m { color: #0086f7; font-weight: bold } /* Literal.Number */
|
||||
.codehilite .s { color: #0086d2 } /* Literal.String */
|
||||
.codehilite .na { color: #ff0086; font-weight: bold } /* Name.Attribute */
|
||||
.codehilite .nb { color: #333333 } /* Name.Builtin */
|
||||
.codehilite .nc { color: #333333 } /* Name.Class */
|
||||
.codehilite .no { color: #0086d2 } /* Name.Constant */
|
||||
.codehilite .nd { color: #333333 } /* Name.Decorator */
|
||||
.codehilite .ni { color: #333333 } /* Name.Entity */
|
||||
.codehilite .ne { color: #333333 } /* Name.Exception */
|
||||
.codehilite .nf { color: #ff0086; font-weight: bold } /* Name.Function */
|
||||
.codehilite .nl { color: #333333 } /* Name.Label */
|
||||
.codehilite .nn { color: #333333 } /* Name.Namespace */
|
||||
.codehilite .nx { color: #333333 } /* Name.Other */
|
||||
.codehilite .py { color: #333333 } /* Name.Property */
|
||||
.codehilite .nt { color: #fb660a; font-weight: bold } /* Name.Tag */
|
||||
.codehilite .nv { color: #fb660a } /* Name.Variable */
|
||||
.codehilite .ow { color: #333333 } /* Operator.Word */
|
||||
.codehilite .w { color: #888888 } /* Text.Whitespace */
|
||||
.codehilite .mb { color: #0086f7; font-weight: bold } /* Literal.Number.Bin */
|
||||
.codehilite .mf { color: #0086f7; font-weight: bold } /* Literal.Number.Float */
|
||||
.codehilite .mh { color: #0086f7; font-weight: bold } /* Literal.Number.Hex */
|
||||
.codehilite .mi { color: #0086f7; font-weight: bold } /* Literal.Number.Integer */
|
||||
.codehilite .mo { color: #0086f7; font-weight: bold } /* Literal.Number.Oct */
|
||||
.codehilite .sa { color: #0086d2 } /* Literal.String.Affix */
|
||||
.codehilite .sb { color: #0086d2 } /* Literal.String.Backtick */
|
||||
.codehilite .sc { color: #0086d2 } /* Literal.String.Char */
|
||||
.codehilite .dl { color: #0086d2 } /* Literal.String.Delimiter */
|
||||
.codehilite .sd { color: #0086d2 } /* Literal.String.Doc */
|
||||
.codehilite .s2 { color: #0086d2 } /* Literal.String.Double */
|
||||
.codehilite .se { color: #0086d2 } /* Literal.String.Escape */
|
||||
.codehilite .sh { color: #0086d2 } /* Literal.String.Heredoc */
|
||||
.codehilite .si { color: #0086d2 } /* Literal.String.Interpol */
|
||||
.codehilite .sx { color: #0086d2 } /* Literal.String.Other */
|
||||
.codehilite .sr { color: #0086d2 } /* Literal.String.Regex */
|
||||
.codehilite .s1 { color: #0086d2 } /* Literal.String.Single */
|
||||
.codehilite .ss { color: #0086d2 } /* Literal.String.Symbol */
|
||||
.codehilite .bp { color: #333333 } /* Name.Builtin.Pseudo */
|
||||
.codehilite .fm { color: #ff0086; font-weight: bold } /* Name.Function.Magic */
|
||||
.codehilite .vc { color: #fb660a } /* Name.Variable.Class */
|
||||
.codehilite .vg { color: #fb660a } /* Name.Variable.Global */
|
||||
.codehilite .vi { color: #fb660a } /* Name.Variable.Instance */
|
||||
.codehilite .vm { color: #fb660a } /* Name.Variable.Magic */
|
||||
.codehilite .il { color: #0086f7; font-weight: bold } /* Literal.Number.Integer.Long */
|
||||
@ -1,191 +0,0 @@
|
||||
html,
|
||||
body {
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
h1,h2,h3,{
|
||||
margin: 0 var(--app-margin);
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.content {
|
||||
padding: 0 var(--app-margin);
|
||||
margin: 0 auto;
|
||||
max-width: var(--content-width);
|
||||
}
|
||||
|
||||
.homepage-intro{
|
||||
display: flex;
|
||||
margin-bottom: 300px;
|
||||
}
|
||||
|
||||
.homepage-intro > *{
|
||||
flex: 1;
|
||||
flex-basis: 700px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.title--name{
|
||||
background-color: white;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border: 4px solid white;
|
||||
}
|
||||
|
||||
tr {
|
||||
position: relative;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
|
||||
grid-gap: 0;
|
||||
}
|
||||
|
||||
td {
|
||||
grid-column: span 1;
|
||||
border: 3px solid white;
|
||||
padding: 0;
|
||||
min-height: 133px;
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td.title {
|
||||
grid-column: span 4;
|
||||
}
|
||||
|
||||
td.title .title--description {
|
||||
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
td.title a {
|
||||
box-decoration-break: clone;
|
||||
}
|
||||
|
||||
td.title a::after {
|
||||
display: none;
|
||||
|
||||
}
|
||||
|
||||
tr:hover {
|
||||
background-color: white;
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
|
||||
|
||||
td.links, td.categories {
|
||||
grid-column: span 2;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-start;
|
||||
align-items: flex-start;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
td.links > * {
|
||||
background-color: white;
|
||||
margin: 0;
|
||||
padding: 0 4px;
|
||||
position: relative;
|
||||
z-index: 200;
|
||||
}
|
||||
|
||||
|
||||
td.date > * {
|
||||
display: block;
|
||||
margin: 0;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
|
||||
td.categories {
|
||||
grid-column: span 1;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.tag {
|
||||
padding: 0 4px;
|
||||
background-color: white;
|
||||
border-left-width: 6px;
|
||||
border-left-style: solid;
|
||||
border-left-color: #D5DDE8;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
|
||||
.content{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
}
|
||||
|
||||
.homepage-intro{
|
||||
padding: 0 var(--app-margin);
|
||||
display: block;
|
||||
margin-bottom: 128px;
|
||||
}
|
||||
|
||||
table {
|
||||
display: block;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
border: none;
|
||||
}
|
||||
|
||||
tr {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
td,
|
||||
td.title,
|
||||
td:first-of-type,
|
||||
td:last-of-type {
|
||||
margin: 0;
|
||||
border: none;
|
||||
display: block;
|
||||
width: auto;
|
||||
min-height: auto;
|
||||
}
|
||||
|
||||
|
||||
tr{
|
||||
min-height: 200px;
|
||||
}
|
||||
|
||||
td * {
|
||||
padding: 0 var(--app-margin);
|
||||
}
|
||||
|
||||
td.links,
|
||||
td.date {
|
||||
display: none;
|
||||
}
|
||||
|
||||
td.categories {
|
||||
margin: 16px 0;
|
||||
padding: 0 var(--app-margin);
|
||||
flex-direction: row;
|
||||
grid-column-gap: 8px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
|
||||
.tag {
|
||||
font-size: 18px;
|
||||
padding: 4px 8px;
|
||||
}
|
||||
}
|
||||
@ -1,281 +0,0 @@
|
||||
html, body {
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
nav {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 400;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
nav a::after{
|
||||
display: none;
|
||||
}
|
||||
|
||||
nav .content-wrapper {
|
||||
max-width: var(--content-width);
|
||||
margin: 0 auto;
|
||||
padding: 0 var(--app-margin);
|
||||
}
|
||||
|
||||
.content-wrapper {
|
||||
display: flex;
|
||||
justify-content: stretch;
|
||||
}
|
||||
|
||||
.content-wrapper > * {
|
||||
flex: 1;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
nav .date {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
nav .title {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
code {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
nav .return:hover{
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.project--header{
|
||||
position: relative;
|
||||
height: 100vh;
|
||||
background-color: var(--accent);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.header--cover {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0 auto;
|
||||
|
||||
}
|
||||
|
||||
.header--cover img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.header--title {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
font-size: 48px;
|
||||
z-index: 100;
|
||||
background-color: white;
|
||||
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
/* transform: translate(-50%,-50%); */
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.header--links {
|
||||
position: relative;
|
||||
z-index: 60;
|
||||
|
||||
font-size: 32px;
|
||||
padding: 0 var(--app-margin);
|
||||
width: calc(100% - var(--app-margin) * 2);
|
||||
margin: 0 auto;
|
||||
margin-bottom: 24px;
|
||||
max-width: var(--content-width);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
align-items: flex-start;
|
||||
grid-gap: 8px;
|
||||
|
||||
pointer-events: none;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.header--links a {
|
||||
background-color: white;
|
||||
pointer-events: all;
|
||||
|
||||
}
|
||||
|
||||
.header--categories {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 32px;
|
||||
width: 100%;
|
||||
height: calc(100% - 32px);
|
||||
z-index: 50;
|
||||
/* pointer-events: none; */
|
||||
}
|
||||
|
||||
.header--categories .tag {
|
||||
|
||||
|
||||
|
||||
padding: 0 4px;
|
||||
background-color: white;
|
||||
border-left-width: 6px;
|
||||
border-left-style: solid;
|
||||
border-left-color: #D5DDE8;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.project--content {
|
||||
padding: 0 var(--app-margin);
|
||||
max-width: var(--content-width);
|
||||
margin: 0 auto;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
|
||||
margin-top: 48px;
|
||||
margin-bottom: 96px;
|
||||
}
|
||||
|
||||
.project--content h2 {
|
||||
grid-column: 1 / span 3;
|
||||
}
|
||||
|
||||
|
||||
.project--content p, div, code, pre, ul, ol, h3 {
|
||||
grid-column: 4 / span 5;
|
||||
}
|
||||
|
||||
.project--content > video, .project--content > img {
|
||||
grid-column: 1 / -1;
|
||||
margin: 32px 0;
|
||||
}
|
||||
|
||||
.project--content p img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
|
||||
nav{
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
nav .date {
|
||||
display: none;
|
||||
}
|
||||
|
||||
nav .title {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
padding: 0 var(--app-margin);
|
||||
}
|
||||
|
||||
nav .return {
|
||||
display: inline-block;
|
||||
position: fixed;
|
||||
bottom: 24px;
|
||||
right: 24px;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
background-color: white;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
header.project--header {
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
height: auto;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.header--title, .header--categories, .header--links {
|
||||
font-size: 1rem;
|
||||
position: relative;
|
||||
width: auto;
|
||||
margin: 0;
|
||||
padding: var(--app-margin);
|
||||
transform: none!important;
|
||||
left: auto;
|
||||
top: auto;
|
||||
|
||||
}
|
||||
|
||||
h1.header--title {
|
||||
margin: 0 var(--app-margin);
|
||||
transform: none!important;
|
||||
|
||||
}
|
||||
|
||||
.header--categories, .header--links {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
flex-wrap: wrap;
|
||||
height: auto;
|
||||
grid-gap: 8px;
|
||||
}
|
||||
|
||||
|
||||
.header--categories .tag {
|
||||
padding: 0 4px;
|
||||
position: relative;
|
||||
transform: none!important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.project--content{
|
||||
display: block;
|
||||
}
|
||||
|
||||
code {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media print {
|
||||
|
||||
|
||||
nav {
|
||||
position: absolute!important;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
main {
|
||||
padding: 1rem!important;
|
||||
}
|
||||
|
||||
.return {
|
||||
display: none!important;
|
||||
}
|
||||
}
|
||||
@ -1,82 +0,0 @@
|
||||
html,
|
||||
body {
|
||||
margin: 0;
|
||||
font-size: 56px;
|
||||
line-height: 72px;
|
||||
|
||||
background-color: white;
|
||||
font-family: serif;
|
||||
}
|
||||
|
||||
|
||||
nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 16px;
|
||||
|
||||
}
|
||||
|
||||
a {
|
||||
color: #2ecc71;
|
||||
}
|
||||
|
||||
a:after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
font-weight: normal;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
h2, h3 {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
|
||||
main, h1 {
|
||||
max-width: 1400px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
main img {
|
||||
|
||||
display: inline;
|
||||
height: 1rem;
|
||||
width: auto;
|
||||
object-fit: contain;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
main img:hover {
|
||||
transform: scale(6);
|
||||
}
|
||||
|
||||
|
||||
|
||||
h1 {
|
||||
margin: 1em auto;
|
||||
color: #2ecc71;
|
||||
}
|
||||
|
||||
.cover {
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.cover:hover{
|
||||
transform: none;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 700px) {
|
||||
|
||||
html, body {
|
||||
font-size: 32px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
@ -1,37 +0,0 @@
|
||||
@-webkit-keyframes rotating /* Safari and Chrome */ {
|
||||
from {
|
||||
-webkit-transform: rotate(360deg) ;
|
||||
-o-transform: rotate(360deg) ;
|
||||
transform: rotate(360deg) ;
|
||||
|
||||
}
|
||||
to {
|
||||
-webkit-transform: rotate(0deg) ;
|
||||
-o-transform: rotate(0deg) ;
|
||||
transform: rotate(0deg) ;
|
||||
}
|
||||
}
|
||||
@keyframes rotating {
|
||||
from {
|
||||
-ms-transform: rotate(360deg) ;
|
||||
-moz-transform: rotate(360deg) ;
|
||||
-webkit-transform: rotate(360deg) ;
|
||||
-o-transform: rotate(360deg) ;
|
||||
transform: rotate(360deg) ;
|
||||
}
|
||||
to {
|
||||
-ms-transform: rotate(0deg) ;
|
||||
-moz-transform: rotate(0deg) ;
|
||||
-webkit-transform: rotate(0deg) ;
|
||||
-o-transform: rotate(0deg) ;
|
||||
transform: rotate(0deg) ;
|
||||
|
||||
}
|
||||
}
|
||||
.rotating {
|
||||
-webkit-animation: rotating 100s linear infinite;
|
||||
-moz-animation: rotating 100s linear infinite;
|
||||
-ms-animation: rotating 100s linear infinite;
|
||||
-o-animation: rotating 100s linear infinite;
|
||||
animation: rotating 100s linear infinite;
|
||||
}
|
||||
@ -1,9 +0,0 @@
|
||||
img {
|
||||
width: 100%;
|
||||
max-width: 1440px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
img + img {
|
||||
margin-top: 24px;
|
||||
}
|
||||
@ -1,18 +0,0 @@
|
||||
.sticker {
|
||||
position: absolute;
|
||||
user-select: none;
|
||||
border: 1px solid currentColor;
|
||||
white-space: nowrap;
|
||||
background-color: white;
|
||||
font-size: 18px;
|
||||
padding: 0 6px;
|
||||
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
|
||||
text-decoration: none;
|
||||
pointer-events: none;
|
||||
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
*[data-sticker] {
|
||||
position: relative;
|
||||
}
|
||||
@ -1,9 +0,0 @@
|
||||
ul{
|
||||
list-style: thai;
|
||||
padding-left: 2ch;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
max-width: min(800px, 100vw);
|
||||
}
|
||||
@ -1,11 +0,0 @@
|
||||
@import url("./font/font.css");
|
||||
|
||||
:root {
|
||||
--font: "Fivo Sans Modern", sans-serif;
|
||||
--text: 24px;
|
||||
--app-margin: 8px;
|
||||
--content-width: 1440px;
|
||||
|
||||
--background: #EBEEF3;
|
||||
--accent: mediumturquoise;
|
||||
}
|
||||
Loading…
Reference in New Issue