added down-arrow
This commit is contained in:
		
							parent
							
								
									b6893720c7
								
							
						
					
					
						commit
						5bd5e15591
					
				
					 3 changed files with 28 additions and 0 deletions
				
			
		
							
								
								
									
										1
									
								
								.gitignore
									
										
									
									
										vendored
									
									
								
							
							
						
						
									
										1
									
								
								.gitignore
									
										
									
									
										vendored
									
									
								
							| 
						 | 
				
			
			@ -1 +1,2 @@
 | 
			
		|||
.idea/
 | 
			
		||||
web/publish.sh
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -33,6 +33,7 @@
 | 
			
		|||
                    View Publications
 | 
			
		||||
                </button>
 | 
			
		||||
            </div>
 | 
			
		||||
            <a id="down-arrow" href="#text" ></a>
 | 
			
		||||
        </div>
 | 
			
		||||
 | 
			
		||||
        <div id="text">
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -111,6 +111,32 @@ nav ul li a:hover {color: inherit}
 | 
			
		|||
  padding: 5px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#down-arrow {
 | 
			
		||||
  position: absolute;
 | 
			
		||||
  top: calc(100vh - 60px);
 | 
			
		||||
  left: calc(50% - 14px);
 | 
			
		||||
  width: 0;
 | 
			
		||||
  height: 30px;
 | 
			
		||||
  border: 2px solid;
 | 
			
		||||
  border-radius: 2px;
 | 
			
		||||
}
 | 
			
		||||
#down-arrow:after {
 | 
			
		||||
  content: " ";
 | 
			
		||||
  position: absolute;
 | 
			
		||||
  top: 12px;
 | 
			
		||||
  left: -10px;
 | 
			
		||||
  width: 16px;
 | 
			
		||||
  height: 16px;
 | 
			
		||||
  border-bottom: 4px solid;
 | 
			
		||||
  border-right: 4px solid;
 | 
			
		||||
  border-radius: 4px;
 | 
			
		||||
  transform: rotateZ(45deg);
 | 
			
		||||
}
 | 
			
		||||
#down-arrow:link {color: black}
 | 
			
		||||
#down-arrow:active {color: black}
 | 
			
		||||
#down-arrow:visited {color: black}
 | 
			
		||||
#down-arrow:hover {color: black}
 | 
			
		||||
 | 
			
		||||
/* Text */
 | 
			
		||||
#text {
 | 
			
		||||
  display: flex;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue