master
Camilo G 2 years ago
parent d12ba96c98
commit 77ac18f7cb

@ -91,7 +91,7 @@ h2 {
font-size: 1.5vw; font-size: 1.5vw;
margin: 0; margin: 0;
margin-left: 1vw; margin-left: 1vw;
margin-top: 0; margin-top: 2%;
text-decoration: underline; text-decoration: underline;
font-family: Fluxisch; font-family: Fluxisch;
line-height: 25pt; line-height: 25pt;

@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<link rel="icon" type="image/x-icon" href="images/favicon.png"> <link rel="icon" type="image/x-icon" href="images/favicon.png">
<title>attempting diffraction</title> <title>Attempting Diffraction</title>
</head> </head>
<body> <body>
@ -32,20 +32,22 @@
<div class="header-tab"> <div class="header-tab">
<h2 class="tab" id="legend">⤷ legend</h2> <h2 class="tab" id="legend">⤷ legend</h2>
<div id="legend-show" style="display:none;"> <div id="legend-show" style="display:none;">
<div class="tab" id="permeable-tab"><p class="permeable symbol">P</p><h3><a href="http://glossary.attempt.press" target=”_blank”>Permeable Glossary ⤴︎</a></h3></div> <a href="http://glossary.attempt.press" target=”_blank”></a><div class="tab" id="permeable-tab"><p class="permeable symbol">P</p><h3>Permeable Glossary ⤴︎</h3></div></a>
<div class="tab" id="rumination-tab"><p class="rumination symbol">R</p><h3><a href="http://glossary.attempt.press/rumination" target=”_blank”>Rumination Sessions ⤴︎</a></h3></div> <a href="http://glossary.attempt.press/rumination" target=”_blank”></a><div class="tab" id="rumination-tab"><p class="rumination symbol">R</p><h3>Rumination Sessions ⤴︎</h3></div></a>
<div class="tab" id="tool-tab"><p class="tool symbol">L</p><h3><a href="http://glossary.attempt.press/tool" target=”_blank”>Living Glossary Environment tool ⤴︎</a></h3></div> <a href="http://tool.attempt.press" target=”_blank”></a><div class="tab" id="tool-tab"><p class="tool symbol">L</p><h3>Living Glossary Environment tool ⤴︎</h3></div></a>
<div class="tab" id="dear-tab"><p class="dear symbol">D</p><h3><a href="http://dear.attempt.press" target=”_blank”>Dear Reader ⤴︎</a></h3></div> <a href="http://dear.attempt.press" target=”_blank”></a><div class="tab" id="dear-tab"><p class="dear symbol">D</p><h3>Dear Reader ⤴︎</h3></div></a>
<div class="tab" id="questions-tab"><p class="questions symbol">Q</p><h3><a href="http://glossary.attempt.press" target=”_blank”>Questions of Publishing ⤴︎</a></h3></div> <a href="http://glossary.attempt.press" target=”_blank”></a><div class="tab" id="questions-tab"><p class="questions symbol">Q</p><h3>Questions of Publishing ⤴︎</h3></div></a>
<div class="tab" id="brief-tab"><p class="brief symbol">B</p><h3><a href="http://diffraction.attempt.press/brief" target=”_blank”>Brief GLossary of Glossaries ⤴︎</a></h3></div> <a href="http://diffraction.attempt.press/brief" target=”_blank”><div class="tab" id="brief-tab"><p class="brief symbol">B</p><h3>Brief GLossary of Glossaries ⤴︎</h3></div></a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<marquee class="marquee" scrollamount="3" scrolldelay="6" id="server">This website lives in a <a href="http://garden.attempt.press">temporary garden</a>, a server hosted and mainted by <a href="https://attempt.press">attempt</a></marquee>
<div id="diffraction"></div> <div id="diffraction"></div>
<svg class="wave" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" <svg class="wave" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" width="100vw" height="100vh" viewBox="0 0 1295.9 814.6" preserveAspectRatio="none"> x="0px" y="0px" width="100vw" height="100vh" viewBox="0 0 1295.9 814.6" preserveAspectRatio="none">
<defs> <defs>

@ -217,6 +217,16 @@ ellipse{
color: #ff6633; color: #ff6633;
} }
.marquee {
position: absolute;
bottom: 300px;
color: white;
}
.marquee a{
color: #3366ff !important;
}
#permeable path:hover{ #permeable path:hover{
stroke:#66cc66; stroke:#66cc66;
} }

Loading…
Cancel
Save