Compare commits
9 Commits
ec80a72379
...
70727735b3
Author | SHA1 | Date |
---|---|---|
Rhiannon Morris | 70727735b3 | |
Rhiannon Morris | 3c40728090 | |
Rhiannon Morris | caed9fc65d | |
Rhiannon Morris | 85e0623e18 | |
Rhiannon Morris | e19b15ca32 | |
Rhiannon Morris | 52b184fb4d | |
Rhiannon Morris | 9f5954e2dc | |
Rhiannon Morris | ac61094ce6 | |
Rhiannon Morris | d8404d40fd |
|
@ -12,7 +12,7 @@
|
|||
<link rel=icon href=media/icon.svg>
|
||||
|
||||
<link rel=stylesheet href=ANGELF~1.CSS>
|
||||
<title>web site more like web shite haha gottem</title>
|
||||
<title>🦎 the gec zone 🦎</title>
|
||||
|
||||
<main>
|
||||
<header>
|
||||
|
|
|
@ -0,0 +1,259 @@
|
|||
GIMP Palette
|
||||
Name: 256
|
||||
Columns: 8
|
||||
0 0 0 color 0
|
||||
0 0 85 color 1
|
||||
0 0 170 color 2
|
||||
0 0 255 color 3
|
||||
0 36 0 color 4
|
||||
0 36 85 color 5
|
||||
0 36 170 color 6
|
||||
0 36 255 color 7
|
||||
0 72 0 color 8
|
||||
0 72 85 color 9
|
||||
0 72 170 color 10
|
||||
0 72 255 color 11
|
||||
0 109 0 color 12
|
||||
0 109 85 color 13
|
||||
0 109 170 color 14
|
||||
0 109 255 color 15
|
||||
0 145 0 color 16
|
||||
0 145 85 color 17
|
||||
0 145 170 color 18
|
||||
0 145 255 color 19
|
||||
0 182 0 color 20
|
||||
0 182 85 color 21
|
||||
0 182 170 color 22
|
||||
0 182 255 color 23
|
||||
0 218 0 color 24
|
||||
0 218 85 color 25
|
||||
0 218 170 color 26
|
||||
0 218 255 color 27
|
||||
0 255 0 color 28
|
||||
0 255 85 color 29
|
||||
0 255 170 color 30
|
||||
0 255 255 color 31
|
||||
36 0 0 color 32
|
||||
36 0 85 color 33
|
||||
36 0 170 color 34
|
||||
36 0 255 color 35
|
||||
36 36 0 color 36
|
||||
36 36 85 color 37
|
||||
36 36 170 color 38
|
||||
36 36 255 color 39
|
||||
36 72 0 color 40
|
||||
36 72 85 color 41
|
||||
36 72 170 color 42
|
||||
36 72 255 color 43
|
||||
36 109 0 color 44
|
||||
36 109 85 color 45
|
||||
36 109 170 color 46
|
||||
36 109 255 color 47
|
||||
36 145 0 color 48
|
||||
36 145 85 color 49
|
||||
36 145 170 color 50
|
||||
36 145 255 color 51
|
||||
36 182 0 color 52
|
||||
36 182 85 color 53
|
||||
36 182 170 color 54
|
||||
36 182 255 color 55
|
||||
36 218 0 color 56
|
||||
36 218 85 color 57
|
||||
36 218 170 color 58
|
||||
36 218 255 color 59
|
||||
36 255 0 color 60
|
||||
36 255 85 color 61
|
||||
36 255 170 color 62
|
||||
36 255 255 color 63
|
||||
72 0 0 color 64
|
||||
72 0 85 color 65
|
||||
72 0 170 color 66
|
||||
72 0 255 color 67
|
||||
72 36 0 color 68
|
||||
72 36 85 color 69
|
||||
72 36 170 color 70
|
||||
72 36 255 color 71
|
||||
72 72 0 color 72
|
||||
72 72 85 color 73
|
||||
72 72 170 color 74
|
||||
72 72 255 color 75
|
||||
72 109 0 color 76
|
||||
72 109 85 color 77
|
||||
72 109 170 color 78
|
||||
72 109 255 color 79
|
||||
72 145 0 color 80
|
||||
72 145 85 color 81
|
||||
72 145 170 color 82
|
||||
72 145 255 color 83
|
||||
72 182 0 color 84
|
||||
72 182 85 color 85
|
||||
72 182 170 color 86
|
||||
72 182 255 color 87
|
||||
72 218 0 color 88
|
||||
72 218 85 color 89
|
||||
72 218 170 color 90
|
||||
72 218 255 color 91
|
||||
72 255 0 color 92
|
||||
72 255 85 color 93
|
||||
72 255 170 color 94
|
||||
72 255 255 color 95
|
||||
109 0 0 color 96
|
||||
109 0 85 color 97
|
||||
109 0 170 color 98
|
||||
109 0 255 color 99
|
||||
109 36 0 color 100
|
||||
109 36 85 color 101
|
||||
109 36 170 color 102
|
||||
109 36 255 color 103
|
||||
109 72 0 color 104
|
||||
109 72 85 color 105
|
||||
109 72 170 color 106
|
||||
109 72 255 color 107
|
||||
109 109 0 color 108
|
||||
109 109 85 color 109
|
||||
109 109 170 color 110
|
||||
109 109 255 color 111
|
||||
109 145 0 color 112
|
||||
109 145 85 color 113
|
||||
109 145 170 color 114
|
||||
109 145 255 color 115
|
||||
109 182 0 color 116
|
||||
109 182 85 color 117
|
||||
109 182 170 color 118
|
||||
109 182 255 color 119
|
||||
109 218 0 color 120
|
||||
109 218 85 color 121
|
||||
109 218 170 color 122
|
||||
109 218 255 color 123
|
||||
109 255 0 color 124
|
||||
109 255 85 color 125
|
||||
109 255 170 color 126
|
||||
109 255 255 color 127
|
||||
145 0 0 color 128
|
||||
145 0 85 color 129
|
||||
145 0 170 color 130
|
||||
145 0 255 color 131
|
||||
145 36 0 color 132
|
||||
145 36 85 color 133
|
||||
145 36 170 color 134
|
||||
145 36 255 color 135
|
||||
145 72 0 color 136
|
||||
145 72 85 color 137
|
||||
145 72 170 color 138
|
||||
145 72 255 color 139
|
||||
145 109 0 color 140
|
||||
145 109 85 color 141
|
||||
145 109 170 color 142
|
||||
145 109 255 color 143
|
||||
145 145 0 color 144
|
||||
145 145 85 color 145
|
||||
145 145 170 color 146
|
||||
145 145 255 color 147
|
||||
145 182 0 color 148
|
||||
145 182 85 color 149
|
||||
145 182 170 color 150
|
||||
145 182 255 color 151
|
||||
145 218 0 color 152
|
||||
145 218 85 color 153
|
||||
145 218 170 color 154
|
||||
145 218 255 color 155
|
||||
145 255 0 color 156
|
||||
145 255 85 color 157
|
||||
145 255 170 color 158
|
||||
145 255 255 color 159
|
||||
182 0 0 color 160
|
||||
182 0 85 color 161
|
||||
182 0 170 color 162
|
||||
182 0 255 color 163
|
||||
182 36 0 color 164
|
||||
182 36 85 color 165
|
||||
182 36 170 color 166
|
||||
182 36 255 color 167
|
||||
182 72 0 color 168
|
||||
182 72 85 color 169
|
||||
182 72 170 color 170
|
||||
182 72 255 color 171
|
||||
182 109 0 color 172
|
||||
182 109 85 color 173
|
||||
182 109 170 color 174
|
||||
182 109 255 color 175
|
||||
182 145 0 color 176
|
||||
182 145 85 color 177
|
||||
182 145 170 color 178
|
||||
182 145 255 color 179
|
||||
182 182 0 color 180
|
||||
182 182 85 color 181
|
||||
182 182 170 color 182
|
||||
182 182 255 color 183
|
||||
182 218 0 color 184
|
||||
182 218 85 color 185
|
||||
182 218 170 color 186
|
||||
182 218 255 color 187
|
||||
182 255 0 color 188
|
||||
182 255 85 color 189
|
||||
182 255 170 color 190
|
||||
182 255 255 color 191
|
||||
218 0 0 color 192
|
||||
218 0 85 color 193
|
||||
218 0 170 color 194
|
||||
218 0 255 color 195
|
||||
218 36 0 color 196
|
||||
218 36 85 color 197
|
||||
218 36 170 color 198
|
||||
218 36 255 color 199
|
||||
218 72 0 color 200
|
||||
218 72 85 color 201
|
||||
218 72 170 color 202
|
||||
218 72 255 color 203
|
||||
218 109 0 color 204
|
||||
218 109 85 color 205
|
||||
218 109 170 color 206
|
||||
218 109 255 color 207
|
||||
218 145 0 color 208
|
||||
218 145 85 color 209
|
||||
218 145 170 color 210
|
||||
218 145 255 color 211
|
||||
218 182 0 color 212
|
||||
218 182 85 color 213
|
||||
218 182 170 color 214
|
||||
218 182 255 color 215
|
||||
218 218 0 color 216
|
||||
218 218 85 color 217
|
||||
218 218 170 color 218
|
||||
218 218 255 color 219
|
||||
218 255 0 color 220
|
||||
218 255 85 color 221
|
||||
218 255 170 color 222
|
||||
218 255 255 color 223
|
||||
255 0 0 color 224
|
||||
255 0 85 color 225
|
||||
255 0 170 color 226
|
||||
255 0 255 color 227
|
||||
255 36 0 color 228
|
||||
255 36 85 color 229
|
||||
255 36 170 color 230
|
||||
255 36 255 color 231
|
||||
255 72 0 color 232
|
||||
255 72 85 color 233
|
||||
255 72 170 color 234
|
||||
255 72 255 color 235
|
||||
255 109 0 color 236
|
||||
255 109 85 color 237
|
||||
255 109 170 color 238
|
||||
255 109 255 color 239
|
||||
255 145 0 color 240
|
||||
255 145 85 color 241
|
||||
255 145 170 color 242
|
||||
255 145 255 color 243
|
||||
255 182 0 color 244
|
||||
255 182 85 color 245
|
||||
255 182 170 color 246
|
||||
255 182 255 color 247
|
||||
255 218 0 color 248
|
||||
255 218 85 color 249
|
||||
255 218 170 color 250
|
||||
255 218 255 color 251
|
||||
255 255 0 color 252
|
||||
255 255 85 color 253
|
||||
255 255 170 color 254
|
||||
255 255 255 color 255
|
BIN
NEWFOL~1/GEC.JPG
BIN
NEWFOL~1/GEC.JPG
Binary file not shown.
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 50 KiB |
BIN
NEWFOL~1/gec.kra
BIN
NEWFOL~1/gec.kra
Binary file not shown.
28
base.css
28
base.css
|
@ -11,7 +11,7 @@
|
|||
hsl(195deg, 100%, 67%),
|
||||
hsl(155deg, 70%, 62%)
|
||||
);
|
||||
--size: 1.75rem;
|
||||
--size: 15pt;
|
||||
--weight: 600;
|
||||
--link-color: hsl(196deg, 100%, 85%);
|
||||
--hover-color: hsl(50deg, 100%, 82%);
|
||||
|
@ -135,10 +135,12 @@ dd {
|
|||
content: var(--around-image);
|
||||
}
|
||||
|
||||
rt::before { margin-left: -1.25em; }
|
||||
rt::after { margin-right: -1.25em; }
|
||||
|
||||
/* hacky fix for firefox mobile 68 freaking out at blend modes ☹ */
|
||||
@media (-moz-touch-enabled) {
|
||||
body {
|
||||
:root {
|
||||
background: var(--gradient) fixed;
|
||||
background-blend-mode: initial;
|
||||
}
|
||||
|
@ -164,7 +166,7 @@ dd {
|
|||
|
||||
/* ~the "not actually supported by browsers yet" zone~ */
|
||||
@media (prefers-contrast: high), (prefers-color-scheme: dark) {
|
||||
body {
|
||||
:root {
|
||||
--gradient:
|
||||
linear-gradient(135deg,
|
||||
hsl(42deg, 56%, 55%),
|
||||
|
@ -179,26 +181,12 @@ dd {
|
|||
-webkit-image-set(url(media/bg_dim.png) 1x,
|
||||
url(media/bg_2x_dim.png) 2x)
|
||||
top center fixed,
|
||||
linear-gradient(135deg,
|
||||
hsl(42deg, 56%, 55%),
|
||||
hsl(348deg, 56%, 55%),
|
||||
hsl(334deg, 60%, 43%),
|
||||
hsl(234deg, 60%, 40%),
|
||||
hsl(195deg, 60%, 44%),
|
||||
hsl(155deg, 60%, 55%)
|
||||
) fixed;
|
||||
var(--gradient) fixed;
|
||||
background:
|
||||
image-set(url(media/bg_dim.png) 1x,
|
||||
url(media/bg_2x_dim.png) 2x)
|
||||
top center fixed,
|
||||
linear-gradient(135deg,
|
||||
hsl(42deg, 56%, 55%),
|
||||
hsl(348deg, 56%, 55%),
|
||||
hsl(334deg, 60%, 43%),
|
||||
hsl(234deg, 60%, 40%),
|
||||
hsl(195deg, 60%, 44%),
|
||||
hsl(155deg, 60%, 55%)
|
||||
) fixed;
|
||||
var(--gradient) fixed;
|
||||
}
|
||||
|
||||
main {
|
||||
|
@ -216,7 +204,7 @@ dd {
|
|||
}
|
||||
|
||||
@media (prefers-reduced-transparency) {
|
||||
body {
|
||||
:root {
|
||||
background: var(--gradient) fixed;
|
||||
background-blend-mode: initial;
|
||||
}
|
||||
|
|
70
comms.css
70
comms.css
|
@ -6,13 +6,50 @@
|
|||
}
|
||||
|
||||
|
||||
main { max-width: calc(var(--img-width) + 150px); }
|
||||
main {
|
||||
max-width: calc(var(--img-width) + 150px);
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 250%;
|
||||
--around-image: url(media/sparkles.svg);
|
||||
}
|
||||
|
||||
#examples dt {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#examples dt i {
|
||||
display: inline-block;
|
||||
transform: rotate(-8deg);
|
||||
|
||||
margin-left: 0.5em;
|
||||
padding: 0.25em 0.75em;
|
||||
border-radius: 0.3em;
|
||||
font-size: 1.2rem;
|
||||
font-style: normal;
|
||||
|
||||
background: hsl(var(--hue), 80%, 80%);
|
||||
border: 2px solid hsl(var(--hue), 80%, 35%);
|
||||
box-shadow: 8px 6px 5px hsla(0deg, 0%, 0%, 30%);
|
||||
color: black;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.closed { --hue: 350deg; }
|
||||
.soon { --hue: 55deg; }
|
||||
.open { --hue: 110deg; }
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
#examples dt i {
|
||||
background: hsl(var(--hue), 90%, 30%);
|
||||
border: 2px solid hsl(var(--hue), 80%, 15%);
|
||||
box-shadow: none;
|
||||
color: white;
|
||||
}
|
||||
.soon { --hue: 50deg; }
|
||||
}
|
||||
|
||||
#examples, #examples > * {
|
||||
height: var(--img-height);
|
||||
width: var(--img-width);
|
||||
|
@ -29,7 +66,7 @@ h1 {
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
#examples, #terms {
|
||||
#examples {
|
||||
width: var(--img-width);
|
||||
box-sizing: border-box;
|
||||
margin: 1em auto;
|
||||
|
@ -38,6 +75,7 @@ h1 {
|
|||
border-radius: 1em;
|
||||
}
|
||||
|
||||
|
||||
#examples dl {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
|
@ -45,33 +83,27 @@ h1 {
|
|||
|
||||
#examples dl > * {
|
||||
background: hsla(320deg, 40%, 20%, 60%);
|
||||
font-size: 200%;
|
||||
font-weight: 500;
|
||||
margin: 0;
|
||||
padding: 0.125em 0 0.25em;
|
||||
}
|
||||
|
||||
#examples dt { grid-area: 1; align-self: start; }
|
||||
#examples dd { grid-area: 2; align-self: end; }
|
||||
#examples :is(dt, dd) { text-align: center; }
|
||||
|
||||
#examples a { font-weight: 600; }
|
||||
#examples dt { grid-area: 1; align-self: start; font-size: 200%; }
|
||||
#examples dd { grid-area: 2; align-self: end; font-size: 300%; }
|
||||
|
||||
#examples a { font-weight: 700; }
|
||||
|
||||
#examples dl { pointer-events: none; }
|
||||
#examples a { pointer-events: auto; }
|
||||
|
||||
#terms {
|
||||
padding: 1.5em;
|
||||
text-align: left;
|
||||
|
||||
background: hsla(45deg, 90%, 98%, 75%);
|
||||
color: black;
|
||||
text-shadow: none;
|
||||
font-weight: 400;
|
||||
}
|
||||
@media (prefers-reduced-transparency) {
|
||||
#status {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@media (prefers-contrast: high), (prefers-color-scheme: dark) {
|
||||
#terms {
|
||||
background: hsla(0deg, 0%, 0%, 65%);
|
||||
color: white;
|
||||
#examples dl > * {
|
||||
background: hsl(20deg, 35%, 25%);
|
||||
}
|
||||
}
|
||||
|
|
36
comms.html
36
comms.html
|
@ -8,12 +8,9 @@
|
|||
<title>commission info</title>
|
||||
|
||||
<map name=example-links>
|
||||
<area href='https://gallery.niss.website/main/#require_colourexample'
|
||||
shape=rect coords='0,0,350,850'>
|
||||
<area href='https://gallery.niss.website/main/#require_flatexample'
|
||||
shape=rect coords='350,0,700,850'>
|
||||
<area href='https://gallery.niss.website/main/#require_sketchexample'
|
||||
shape=rect coords='700,0,1050,850'>
|
||||
<area href='//commiss.io/listings/OvOb' shape=rect coords='0,0,350,850'>
|
||||
<area href='//commiss.io/listings/DpnB' shape=rect coords='350,0,700,850'>
|
||||
<area href='//commiss.io/listings/r6pO' shape=rect coords='700,0,1050,850'>
|
||||
</map>
|
||||
|
||||
<main>
|
||||
|
@ -23,21 +20,24 @@
|
|||
<img src=media/comm-examples.png usemap=#example-links>
|
||||
|
||||
<dl>
|
||||
<dt><a href='https://gallery.niss.website/main/#require_colourexample'>colour</a>
|
||||
<dd><a href='https://gallery.niss.website/main/#require_colourexample'>€XX</a>
|
||||
<dt>
|
||||
<a href='//commiss.io/listings/OvOb'>colour</a>
|
||||
<i class=closed>closed</i>
|
||||
<dd><a href='//commiss.io/listings/OvOb'>$60</a>
|
||||
|
||||
<dt><a href='https://gallery.niss.website/main/#require_flatexample'>flat</a>
|
||||
<dd><a href='https://gallery.niss.website/main/#require_flatexample'>€YY</a>
|
||||
<dt>
|
||||
<a href='//commiss.io/listings/DpnB'>flat</a>
|
||||
<i class=closed>closed</i>
|
||||
<dd>
|
||||
<a href='//commiss.io/listings/DpnB'>$45</a>
|
||||
|
||||
<dt><a href='https://gallery.niss.website/main/#require_sketchexample'>sketch</a>
|
||||
<dd><a href='https://gallery.niss.website/main/#require_sketchexample'>€ZZ</a>
|
||||
<dt>
|
||||
<a href='//commiss.io/listings/r6pO'>sketch</a>
|
||||
<i class=soon>soon!</i>
|
||||
<dd>
|
||||
<a href='//commiss.io/listings/r6pO'>$25</a>
|
||||
</dl>
|
||||
</section>
|
||||
|
||||
<ul id=terms>
|
||||
<li>complex characters, backgrounds, etc, might cost extra. ask to make sure!
|
||||
<li>blah blah
|
||||
</ul>
|
||||
|
||||
<a href=/>main</a>
|
||||
<a href=/>home</a>
|
||||
</main>
|
||||
|
|
|
@ -44,7 +44,6 @@ rt {
|
|||
}
|
||||
|
||||
|
||||
|
||||
@media (hover) {
|
||||
[title] {
|
||||
text-decoration: dotted underline;
|
||||
|
@ -70,7 +69,6 @@ rt {
|
|||
rt { --around-image: url(media/star.svg); }
|
||||
h1, h2 { --around-image: url(media/sparkles.svg); }
|
||||
|
||||
|
||||
[href='#listen']::before {
|
||||
vertical-align: middle;
|
||||
height: 1.2em; width: 1.2em;
|
||||
|
@ -92,7 +90,7 @@ h1, h2 { --around-image: url(media/sparkles.svg); }
|
|||
#links ul {
|
||||
display: grid;
|
||||
grid-column-gap: 1em;
|
||||
grid-template-columns: repeat(auto-fit, minmax(3em, 1fr));
|
||||
grid-template-columns: repeat(auto-fit, minmax(4.5rem, 1fr));
|
||||
|
||||
max-width: 85%;
|
||||
margin: auto;
|
||||
|
|
18
index.html
18
index.html
|
@ -12,7 +12,7 @@
|
|||
<link rel=icon href=media/icon.svg>
|
||||
|
||||
<link rel=stylesheet href=index.css>
|
||||
<title>web site more like web shite haha gottem</title>
|
||||
<title>🦎 the gec zone 🦎</title>
|
||||
|
||||
<main>
|
||||
<header>
|
||||
|
@ -28,8 +28,10 @@
|
|||
</a>
|
||||
</div>
|
||||
<p>
|
||||
a <ruby><b>big one</b> <rp>(<rt>niss<rp>)</ruby>
|
||||
and a <ruby><b>little one</b> <rp>(<rt>nisse<rp>)</ruby>
|
||||
a <ruby><b>big one</b>
|
||||
<rp>(<rt>niss (she/her)<rp>)</ruby>
|
||||
and a <ruby><b>little one</b>
|
||||
<rp>(<rt>nisse (he/him)<rp>)</ruby>
|
||||
</header>
|
||||
|
||||
<hr>
|
||||
|
@ -42,6 +44,12 @@
|
|||
art
|
||||
</a>
|
||||
|
||||
<li>
|
||||
<a href=comms.html>
|
||||
<img class=icon src=media/money.svg>
|
||||
comms
|
||||
</a>
|
||||
|
||||
<li>
|
||||
<a href=https://git.rhiannon.website/rhi>
|
||||
<img class=icon src=media/code.svg>
|
||||
|
@ -81,10 +89,10 @@
|
|||
(<a href=media/niss-nisse.mp3>listen</a>)
|
||||
</noscript>
|
||||
|
||||
<dt> prons <dd title='she for niss, he for nisse'> she or they
|
||||
<dt> prons <dd> she or they
|
||||
<dt> quantity <dd> 2
|
||||
<dt> consistency <dd> soft
|
||||
<dt> limbs <dd> many
|
||||
<dt> limbs <dd> too many
|
||||
<dt> energy <dd> <img src=media/battery_low.svg alt=low class=emojo>
|
||||
</dl>
|
||||
</section>
|
||||
|
|
|
@ -99,8 +99,8 @@
|
|||
<dt>furaffinity <dd><a href=//furaffinity.net/user/niss>niss</a>
|
||||
<dt>deviantart <dd><a href=//www.deviantart.com/2gecs>2gecs</a>
|
||||
<dt>tumblr <dd><a href=//2gecsart.tumblr.com/>2gecsart</a>
|
||||
<dt>telegram <dd><a href=//t.me/niss_art>niss_art</a>
|
||||
<dt>ko-fi <dd><a href=//ko-fi.com/nissss>nissss</a>
|
||||
<dt>art fight <dd><a href=//artfight.net/~nissss>nissss</a>
|
||||
</dl>
|
||||
|
||||
<hr>
|
||||
|
|
Loading…
Reference in New Issue