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