Skip to content

Commit

Permalink
#1 P.Surreal Cereal
Browse files Browse the repository at this point in the history 
* thanks pluw
* wwwelcome ooze
  • Loading branch information
@ryanve
ryanve authored Nov 12, 2024
1 parent 689e833 commit d178892
Show file tree
Hide file tree
Showing 6 changed files with 262 additions and 101 deletions.
7 changes: 3 additions & 4 deletions README.md
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
### [hyperducing………jel](https://webmural.com/jel)
## [chiron mural surreal](https://webmural.com/chiron)

* [pisces](https://webmural.com/mp3) 💜
* [smurples](https://webmural.com/les)
* [`turbulence`](jel.svg)
* suPerHero cubs
* vILLain bears
74 changes: 74 additions & 0 deletions chronic.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
:focus {
text-decoration-style: solid;
outline: thick groove;
box-shadow: 0 0 1ch 1ch #a5e;
}

html {
font-family: sans-serif;
font-size: max(3ch, 3vmax + 2vmin);
line-height: 1.618;
}

body {
align-items: flex-start;
display: flex;
flex-flow: column;
margin: 0;
overflow-wrap: anywhere;
}

article {
contain: style layout;
display: flex;
flex-flow: column;
margin: auto;
}

article > * {
align-items: center;
display: flex;
justify-content: center;
flex-flow: column;
min-height: 100vh;
}

h1, h2 {
display: flow-root;
font-weight: unset;
padding: 3vmin;
}

ins {
text-decoration: none;
}

div {
display: flex;
flex-flow: column;
padding: 1rem;
}

aside {
padding: 1rem;
transform: rotate(180deg);
}

a {
border-radius: 100%;
display: inline-block;
padding: 1ch;
}

p {
margin: 0;
padding-inline: 1ch;
}

a:hover { text-decoration-style: double }
:any-link { text-decoration-style: dotted }

:focus {
text-decoration-style: solid;
outline: thick dotted;
}
74 changes: 74 additions & 0 deletions hi.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
/*
opensource ooze color
https://s9a.page/ooze
https://s9a.org/ooze
*/

:root {
--heat: rgb(250, 50, 150);
--jupe: rgb(240, 180, 30);
--volt: rgb(240, 240, 30);
--lawn: rgb(90, 210, 90);
--moss: rgb(120, 210, 210);
--wind: rgb(150, 210, 240);
--teal: rgb(90, 180, 210);
--rain: rgb(90, 180, 270);
--pour: rgb(90, 150, 240);
--pulp: rgb(180, 90, 240);
--pynk: rgb(240, 120, 330);
--punk: rgb(270, 120, 330);
--ooze: rgb(210, 210, 210);
--xxze: rgb(30, 10, 20);
--oooo: var(--ooze);
--xxxx: var(--xxze);
}

.ooze.ooze {
--oooo: var(--ooze);
--xxxx: var(--xxze);
background-color: var(--ooze);
color: var(--xxze);
}

.xxze.xxze {
--oooo: var(--xxze);
--xxxx: var(--ooze);
background-color: var(--xxze);
color: var(--ooze);
}

::selection {
background: var(--xxxx);
color: var(--oooo);
}

.heat { --ooze: var(--heat) }
.jupe { --ooze: var(--jupe) }
.volt { --ooze: var(--volt) }
.lawn { --ooze: var(--lawn) }
.moss { --ooze: var(--moss) }
.wind { --ooze: var(--wind) }
.teal { --ooze: var(--teal) }
.rain { --ooze: var(--rain) }
.pour { --ooze: var(--pour) }
.pulp { --ooze: var(--pulp) }
.pynk { --ooze: var(--pynk) }
.punk { --ooze: var(--punk) }

.spectra {
background-image: linear-gradient(
.75turn,
var(--pulp),
var(--pynk),
var(--punk),
var(--heat),
var(--jupe),
var(--volt),
var(--lawn),
var(--moss),
var(--wind),
var(--teal),
var(--rain),
var(--pour)
);
}
71 changes: 28 additions & 43 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,48 +1,33 @@
<!DOCTYPE html>
<html lang="en-US">
<html lang="en-US" class="ooze wind">
<meta charset="utf-8">
<title>jel mural</title>
<meta name=viewport content="width=device-width">
<meta name=color-scheme content="dark light">
<meta name=theme-color content="#508">
<meta name=description content="hyperducing&hellip;&hellip;&hellip;jel">

<link rel="stylesheet" href="jel.css">
<link rel="license" href="UNLICENSE.txt">
<link rel="jel" href="jel.svg">
<title>chiron mural, enjoy, byte</title>

<base href="https://webmural.com">
<meta name="viewport" content="width=device-width">
<meta name="color-scheme" content="dark light">
<meta name="theme-color" content="hotpink">
<meta name="description" content="/\/\/\ superhero sandwich vs VillAiN sundae, while cubs become bears, humans buy iLLusions \/\/\/">
<meta name="creator" content="💚💕💜">

<nav class="kumo">
<h1 class="cue">jel</h1>
<a class="seep" href="/#like">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1200 1200">
<title>jel</title>
<style>
svg { background: #508 }
circle { fill: #1e1; filter:url(#jel) }
</style>
<filter id="jel">
<feTurbulence
type="turbulence"
baseFrequency="0.01"
numOctaves="9"
result="turbulence" />
<feDisplacementMap
in2="turbulence"
in="SourceGraphic"
scale="100"
xChannelSelector="R"
yChannelSelector="G" />
</filter>
<circle cx="50%" cy="50%" r="20%" />
</svg>
</a>
<div class="cue">
<em>
<a href="https://s9a.page/mochi">hues</a>
<a href="/pillow">your</a>
<a href="/6oo">an<b>jel</b></a>
</em>
</div>
</nav>
<link rel="stylesheet" href="hi.css" media="(color)">
<link rel="stylesheet" href="pc.css" media="all">

<link rel="next" href="https://webmural.com/clim8">
<link rel="icon" href="jel.svg">
<link rel="prev" href="https://webmural.com/pluw">
<link rel="prev" href="https://webmural.com/jel">
<link rel="help" href="https://s9a.page/ooze">

<article class="flowsinyo">
<header>
<h1>
<a class="ooze heat" href="https://webmural.com/mc"><code class="ooze heat">ch<i>i</i></code><span class="ooze rain">r</span><mark class="ooze volt">on</mark><ins class="ooze pour">¢</ins></a>
</h1>
</header>
<aside class="ooze moss">
<h2>
<a class="ooze pulp" href="https://webmural.com/ic"><code class="ooze jupe">chr</code>on<i class="ooze lawn">i</i><ins class="pylp">c</ins></a>
</h2>
</aside>
</article>
54 changes: 0 additions & 54 deletions jel.css
View file

This file was deleted.

83 changes: 83 additions & 0 deletions pc.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
:any-link {
color: inherit;
}

:focus {
text-decoration-style: solid;
outline: thick groove;
box-shadow: 0 0 1ch 1ch #a5e;
}

html {
font-family: sans-serif;
font-size: max(3ch, 3vmax + 2vmin);
line-height: 1.618;
}

body {
align-items: flex-start;
display: flex;
flex-flow: column;
margin: 0;
overflow-wrap: anywhere;
}

article {
contain: style layout;
display: flex;
flex-flow: column;
width: 100%;
margin: auto;
}

article > * {
align-items: center;
display: flex;
justify-content: center;
flex-flow: column;
min-height: 100vh;
}

h1, h2 {
display: flow-root;
font-weight: unset;
padding: 3vmin;
}

ins {
text-decoration: none;
}

div {
display: flex;
flex-flow: column;
padding: 1rem;
}

aside {
padding: 1rem;
transform: rotate(180deg);
}

a {
border-radius: 100%;
display: inline-block;
padding: 1ch;
}

p {
margin: 0;
padding-inline: 1ch;
}

a:hover { text-decoration-style: double }
:any-link { text-decoration-style: dotted }

:focus {
text-decoration-style: solid;
outline: thick dotted;
}

@media (orientation: portrait) {

}

0 comments on commit d178892

Please sign in to comment.