Wanted the URL to say something. Said the first Important Thing I thought of to say.
parent
b7ea74a548
commit
19ffdab7c5
|
@ -0,0 +1,53 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
div.flag {
|
||||
display: block;
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: linear-gradient(#5BCEFA 20%, #F5A9B8 20% 40%, white 40% 60%, #F5A9B8 60% 80%, #5BCEFA 80% 100%);
|
||||
}
|
||||
|
||||
div.words {
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
font-weight: bold;
|
||||
font-size: 10vw;
|
||||
text-transform: uppercase;
|
||||
text-shadow: 0.3vw 0.5vw 0vw #dde;
|
||||
}
|
||||
|
||||
div.words.smaller {
|
||||
font-size: 3vw;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="flag">
|
||||
<div class="words">
|
||||
trans rights
|
||||
</div>
|
||||
<div class="words smaller">
|
||||
are
|
||||
</div>
|
||||
<div class="words">
|
||||
human rights
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<!-- The code comprising this webpage is licensed CC0 https://creativecommons.org/publicdomain/zero/1.0/ -->
|
||||
<!-- Feel free to copy and use in your own works. -->
|
||||
<!-- Transgender Pride Flag originally designed by Monica Helms -->
|
Loading…
Reference in New Issue