Compare commits
	
		
			2 Commits
		
	
	
		
			19ffdab7c5
			...
			237c1d47f3
		
	
	| Author | SHA1 | Date | |
|---|---|---|---|
| 237c1d47f3 | |||
| c34766072d | 
							
								
								
									
										68
									
								
								says/black/lives/matter/index.html
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										68
									
								
								says/black/lives/matter/index.html
									
									
									
									
									
										Normal file
									
								
							| @ -0,0 +1,68 @@ | ||||
| <!DOCTYPE html> | ||||
| <html lang="en"> | ||||
|   <head> | ||||
|     <title>Black Lives Matter</title> | ||||
| <style> | ||||
| body { | ||||
|   background: black; | ||||
|   margin: 150px; | ||||
|   margin-left: 100px; | ||||
| } | ||||
| 
 | ||||
| .row { | ||||
|   margin-top: 20px; | ||||
|   list-style: none; | ||||
|   display: flex; | ||||
|   align-items: center; | ||||
| } | ||||
| 
 | ||||
| .row:nth-of-type(even) { | ||||
|   margin-left: -7px; | ||||
| } | ||||
| 
 | ||||
| .letter { | ||||
|   height: 80px; | ||||
|   min-width: 40px; | ||||
|   padding: 10px 15px; | ||||
|   margin-left: 30px; | ||||
|   background: gold; | ||||
|   line-height: 80px; | ||||
|   text-align: center; | ||||
|   font-size: 4em; | ||||
|   font-family: sans-serif; | ||||
|   font-weight: bold; | ||||
|   color: black; | ||||
| } | ||||
| 
 | ||||
| .letter:nth-of-type(even) { | ||||
|   margin-left: 32px; | ||||
| } | ||||
| </style> | ||||
|   </head> | ||||
|   <body> | ||||
|     <div class="row"> | ||||
|       <div class="letter">b</div> | ||||
|       <div class="letter">l</div> | ||||
|       <div class="letter">a</div> | ||||
|       <div class="letter">c</div> | ||||
|       <div class="letter">k</div> | ||||
|     </div> | ||||
|     <div class="row"> | ||||
|       <div class="letter">l</div> | ||||
|       <div class="letter">i</div> | ||||
|       <div class="letter">v</div> | ||||
|       <div class="letter">e</div> | ||||
|       <div class="letter">s</div> | ||||
|     </div> | ||||
|     <div class="row"> | ||||
|       <div class="letter">m</div> | ||||
|       <div class="letter">a</div> | ||||
|       <div class="letter">t</div> | ||||
|       <div class="letter">t</div> | ||||
|       <div class="letter">e</div> | ||||
|       <div class="letter">r</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. --> | ||||
| @ -1,6 +1,7 @@ | ||||
| <!DOCTYPE html> | ||||
| <html> | ||||
| <html lang="en"> | ||||
| <head> | ||||
| <title>Trans Rights</title> | ||||
| <style> | ||||
| body { | ||||
|   margin: 0; | ||||
| @ -23,7 +24,6 @@ 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; | ||||
| } | ||||
| 
 | ||||
| @ -36,13 +36,13 @@ div.words.smaller { | ||||
| 
 | ||||
| <div class="flag"> | ||||
|   <div class="words"> | ||||
|     trans rights | ||||
|     TRANS RIGHTS | ||||
|   </div> | ||||
|   <div class="words smaller"> | ||||
|     are | ||||
|     ARE | ||||
|   </div> | ||||
|   <div class="words"> | ||||
|     human rights | ||||
|     HUMAN RIGHTS | ||||
|   </div> | ||||
| </div> | ||||
| 
 | ||||
|  | ||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user