generated from webmural/body
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
65 lines (58 loc) · 3.53 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html>
<html lang="en-US" class="dew-lunar dew-wet dew-tab dew-hyper dew-diy">
<meta charset="utf-8">
<title>web1, web2, web3</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="black">
<meta name="description" content="web eras and ethos">
<style media=(color) data-help="https://s9a.page/dew" data-tag="v0.2.0">
.dew-shift,.dew-shift *{transition:var(--dew-shift)}.dew-wet,.dew-wet *{background:var(--dew-oil);color:var(--dew-ink)}.dew-rim,.dew-rim *{border-color:var(--dew-rim)}.dew-hyper,.dew-hyper :any-link{filter:var(--dew-hyper)}.dew-tab :focus,.dew-tab:focus{filter:var(--dew-focus);outline-color:var(--dew-locus)}.dew-field:disabled{filter:var(--dew-vapor)}.dew-lunar.dew-lunar,.dew-media.dew-media,.dew-polar.dew-polar,.dew-solar.dew-solar{fill:var(--dew-oil);background:var(--dew-oil);color:var(--dew-ink)}:root{--dew-hyper:none;--dew-media:var(--dew-solar);--dew-polar:var(--dew-lunar);--dew-oil:var(--dew-media);--dew-ink:var(--dew-polar);--dew-rim:var(--dew-ink);--dew-shift:none;--dew-solar:hotpink;--dew-lunar:#201;--dew-locus:currentColor;--dew-focus:invert(100%);--dew-hover:none;--dew-vapor:opacity(60%)}:any-link:hover{--dew-hyper:var(--dew-hover)}:any-link:focus{--dew-hyper:var(--dew-focus)}.dew-media{--dew-oil:var(--dew-media);--dew-ink:var(--dew-polar)}.dew-polar{--dew-oil:var(--dew-polar);--dew-ink:var(--dew-media)}.dew-solar{--dew-oil:var(--dew-solar);--dew-ink:var(--dew-lunar)}.dew-lunar{--dew-oil:var(--dew-lunar);--dew-ink:var(--dew-solar)}@media (prefers-color-scheme:dark){:root{--dew-media:var(--dew-lunar);--dew-polar:var(--dew-solar)}}
</style>
<link rel="stylesheet" href="style.css">
<h1>web eras and ethos</h1>
<dl>
<dt class="dew-solar dew1" id="1">web1
<dt class="dew-solar dew1" hidden>uranus in aquarius
<dd class="dew-lunar dew1">communication
<dd class="dew-lunar dew1">information
<dd class="dew-lunar dew1">education
<dd class="dew-lunar dew1"><a href="https://webmural.com/html">semantic</a>
<dd class="dew-lunar dew1"><data value="a11y">accessible</data>
<dd class="dew-lunar dew1">search
<dt class="dew-solar dew2" id="2">web2
<dd class="dew-lunar dew2"><abbr>ajax</abbr>
<dd class="dew-lunar dew2">mashups
<dd class="dew-lunar dew2">interaction
<dd class="dew-lunar dew2">contribution
<dd class="dew-lunar dew2">social media
<dd class="dew-lunar dew2">harassment
<dd class="dew-lunar dew2">retention
<dd class="dew-lunar dew2">notification
<dd class="dew-lunar dew2">data game
<dd class="dew-lunar dew2">big players
<dd class="dew-lunar dew2">distortion
<dd class="dew-lunar dew2">pressure
<dd class="dew-lunar dew2">profiling
<dd class="dew-lunar dew2">pride
<dt class="dew-solar dew3" id="3">web3
<dd class="dew-lunar dew3"><data value="d14n">decentralization</data>
<dd class="dew-lunar dew3">blockchain
<dd class="dew-lunar dew3">trust
<dd class="dew-lunar dew3">privacy
<dd class="dew-lunar dew3">inclusion
<dd class="dew-lunar dew3">any player
<dd class="dew-lunar dew3">game theory
<dd class="dew-lunar dew3">sustainability
<dd class="dew-lunar dew3"><a href="https://s9a.page/i14y">interoperability</a>
</dl>
<footer>
<h2><a href="https://webmural.com">progress</a></h2>
<ul>
<li>these are web talking points in progress
<li>discuss
on <a href="https://twitter.com/webmural">twitter</a>
or <a href="https://github.com/webmural/web123">github</a>
or <a href="UNLICENSE.txt" rel="license">beyond</a>
<li>color coded with extra <a href="https://s9a.page/dew">dew</a>
</ul>
</footer>