generated from webmural/wall
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
79 lines (76 loc) · 4.24 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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html lang=en>
<meta charset=utf-8>
<title>beabadoobee web mural</title>
<meta name=viewport content="width=device-width, initial-scale=1">
<meta name=theme-color content=#bea>
<meta name=description content="vivid bea ba doo bee volume bars">
<meta property=og:title content="beabadoobee web mural">
<meta property=og:url content="https://webmural.github.io/beabadoobee">
<meta property=og:type content=article>
<meta property=og:article:author content=@webmural>
<meta property=og:description content="rad bea ba doo bee volume bars">
<meta property=og:article:tag content=rad>
<meta property=og:article:tag content=music>
<meta property=og:article:tag content=mural>
<meta property=og:article:tag content=beabadoobee>
<meta property=og:article:published_time content=2020-06-03>
<meta
content="https://user-images.githubusercontent.com/949985/83602124-f5961d80-a53f-11ea-8fcf-8cf1c8e9df27.png"
data-on="https://github.com/webmural/beabadoobee/issues/2"
data-fit=1:1
property=og:image>
<meta property=og:image:alt content="rad volume bars">
<meta property=twitter:card content=summary_large_image>
<meta property=twitter:site content=@webmural>
<meta property=twitter:title content="beabadoobee web mural">
<meta
content="https://user-images.githubusercontent.com/949985/83604664-8d960600-a544-11ea-9f84-5e38752d6f60.png"
data-on="https://github.com/webmural/beabadoobee/issues/3"
data-fit=2:1
property=twitter:image>
<meta property=twitter:image:alt content="rad volume bars">
<link rel=stylesheet href=wall.css>
<link rel=canonical href="https://webmural.com/beabadoobee">
<link rel=canonical href="https://webmural.github.io/beabadoobee">
<link data-code rel=license href="https://creativecommons.org/publicdomain/zero/1.0">
<link data-page rel=license href="https://creativecommons.org/licenses/by/4.0">
<link rel=help href="https://github.com/webmural/beabadoobee">
<link rel=icon href="https://user-images.githubusercontent.com/949985/83602124-f5961d80-a53f-11ea-8fcf-8cf1c8e9df27.png">
<link rel=apple-touch-icon href="https://user-images.githubusercontent.com/949985/83602124-f5961d80-a53f-11ea-8fcf-8cf1c8e9df27.png">
<link rel=preconnect href=https://open.spotify.com>
<link rel=preconnect href=https://www.youtube.com>
<link rel=preconnect href=https://soundcloud.com>
<link rel=preconnect href=https://vimeo.com>
<figure class="mural" aria-label="mural">
<a class="volume bea________" href="https://open.spotify.com/artist/35l9BRT7MXmM8bv2WDQiyB?si=zJ0cD0UKQmagRmfLoSSpHA">bea</a>
<a class="volume ___ba______" href="https://www.youtube.com/channel/UCOf6pX571cKC0rhOZqv2y7Q/videos">ba</a>
<a class="volume _____doo___" href="https://soundcloud.com/beabadoobee">doo</a>
<a class="volume ________bee" href="https://vimeo.com/bedroomprojects">bee</a>
</figure>
<footer class="about" aria-label="about">
<div class="pad-south">
<h2 class="text"><a class="bold" href="https://twitter.com/webmural">@webmural</a></h2>
<a href="https://beabadoobee.co.uk"><em class="bold">bea<wbr>ba<wbr>doo<wbr>bee</em></a>
volume bars in web colors
<a href="https://contrast-ratio.com/#%23077-on-%23bea"><code class="text">#bea</code></a>
<a href="https://contrast-ratio.com/#%23544-on-%23baa"><code class="text">#baa</code></a>
<a href="https://contrast-ratio.com/#%23bee-on-%23d00"><code class="text">#d00</code></a>
<a href="https://contrast-ratio.com/#%23d00-on-%23bee"><code class="text">#bee</code></a>
coded by <a class="bold" href="https://twitter.com/ryanve">@ryanve</a>
in <a href="https://github.com/webmural/beabadoobee/blob/master/index.html">semantic HTML</a>
and <a href="https://github.com/webmural/beabadoobee/blob/master/wall.css">vivid CSS</a>
</div>
<figure class="jam pad-south pad-north" aria-label="svg">
<a href="#top">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" width="160" height="160">
<title>beabadoobee volume bars</title>
<rect fill="deeppink" x="0" y="0" width="100" height="100" />
<rect fill="#bea" x="0" y="0" width="30" height="25" />
<rect fill="#baa" x="0" y="25" width="30" height="25" />
<rect fill="#d00" x="0" y="50" width="80" height="25" />
<rect fill="#bee" x="0" y="75" width="80" height="25" />
</svg>
</a>
</figure>
</footer>