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> | <!DOCTYPE html> | ||||||
| <html> | <html lang="en"> | ||||||
| <head> | <head> | ||||||
|  | <title>Trans Rights</title> | ||||||
| <style> | <style> | ||||||
| body { | body { | ||||||
|   margin: 0; |   margin: 0; | ||||||
| @ -23,7 +24,6 @@ div.words { | |||||||
|   font-family: Helvetica, Arial, sans-serif; |   font-family: Helvetica, Arial, sans-serif; | ||||||
|   font-weight: bold; |   font-weight: bold; | ||||||
|   font-size: 10vw; |   font-size: 10vw; | ||||||
|   text-transform: uppercase; |  | ||||||
|   text-shadow: 0.3vw 0.5vw 0vw #dde; |   text-shadow: 0.3vw 0.5vw 0vw #dde; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| @ -36,13 +36,13 @@ div.words.smaller { | |||||||
| 
 | 
 | ||||||
| <div class="flag"> | <div class="flag"> | ||||||
|   <div class="words"> |   <div class="words"> | ||||||
|     trans rights |     TRANS RIGHTS | ||||||
|   </div> |   </div> | ||||||
|   <div class="words smaller"> |   <div class="words smaller"> | ||||||
|     are |     ARE | ||||||
|   </div> |   </div> | ||||||
|   <div class="words"> |   <div class="words"> | ||||||
|     human rights |     HUMAN RIGHTS | ||||||
|   </div> |   </div> | ||||||
| </div> | </div> | ||||||
| 
 | 
 | ||||||
|  | |||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user