Repo for non destructive e-scooter intervention materials
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

106 lines
2.5 KiB

<!DOCTYPE html>
<html>
<head>
<title>Fossils of late capitalism</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<style type="text/css">
body {
margin: 0;
height: 100vh;
width: 100vw;
max-height: 100vh;
max-width: 100vw;
overflow-y: scroll;
}
img {
width: 100%;
}
.artwork {
display: flex;
flex-direction: column;
width: 90%;
height: 100%;
max-height: 100vh;
max-width: 90vw;
padding-top: 30vh;
padding-left: 5vw;
}
.artwork a {
max-width: 100vw;
}
#inviteDiv {
max-height: 100vh;
max-width: 100vw;
white-space: pre;
}
#inviteDiv h1, h2 {
max-height: 100vh;
max-width: 100vw;
text-align: center;
font-family: monospace;
max-width: 100%;
margin: 0;
word-wrap: break-word;
text-shadow: 3px 3px 1px rgba(75, 75, 75, 1);
color: #d152b8;
}
#inviteDiv h1 {
position: absolute;
padding-left: 2.5vw;
font-size: 2.5vw;
align-self: flex-start;
}
#inviteDiv h2 {
position: absolute;
font-size: 1vw;
padding-left: 5vw;
padding-top: 25vh;
align-self: flex-start;
}
</style>
</head>
<body>
<div id="inviteDiv">
<h1>
######
# # ## ##### ## #### # ##### # #
# # # # # # # # # # # # # #
###### # # # # # # # # # #
# ###### ##### ###### # # # #
# # # # # # # # # # # #
# # # # # # # #### # # #
#####
# # ## # # ###### ##### # #
# # # # # # # # # #
# #### # # # # ##### # # #
# # ###### # # # ##### #
# # # # # # # # # #
##### # # ###### ###### ###### # # #
</h1>
<h2>
### # #
# # # # # # ##
# # # # # # # #
# # # # # # #
# # ### # # ####### #
# # ### # # # #
## ### ### # #####
</h2>
</div>
<div class="artwork">
<a href="adaptor-lasercut-template-snap.zip">Download</a>
</div>
</body>
</html>