Template:Test: Difference between revisions
From WikiMSK
No edit summary |
No edit summary |
||
(40 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
< | <html> | ||
<style> | |||
{ | @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,400;0,700;1,400&display=swap'); | ||
.hero{ | |||
background-image: url("https://wikimsk.org/w/img_auth.php/e/ea/Reading_manikin.jpg"); | |||
height: 350px; | |||
background-position: center; | |||
background-repeat: no-repeat; | |||
background-size: cover; | |||
position: relative; | |||
display: flex; | |||
justify-content: center; /* align horizontal */ | |||
align-items: center; /* align vertical */ | |||
{ | } | ||
.hero-text{ | |||
font-family:"Josefin Sans" | |||
margin:2em; | |||
padding:2em; | |||
line-height:1rem; | |||
color:white; | |||
display:flex; | |||
flex-direction:column; | |||
align-items:center; | |||
justify-content:center; | |||
{ | } | ||
.hero-title{ | |||
font-size:80px; | |||
margin-bottom:3rem; | |||
font-weight:900; | |||
line-height:1.1em; | |||
text-align: center; | |||
text-decoration: underline; | |||
}} | text-decoration-color: #3498db; | ||
text-shadow: 2px 2px DimGray; | |||
} | |||
</ | .hero-caption{ | ||
font-size:30px; | |||
text-align: center; | |||
text-shadow: 2px 2px DimGray; | |||
line-height:1.1em; | |||
} | |||
@media only screen and (max-width: 900px) { | |||
.hero-caption{ | |||
font-size:20px; | |||
} | |||
.hero-title{ | |||
font-size:60px; | |||
} | |||
} | |||
</style> | |||
</html> | |||
<div class="hero"> | |||
<div class="hero-text"> | |||
<div class="hero-title">WELCOME TO <span style="color:#3498db">WIKIMSK</span></div> | |||
<div class="hero-caption">''The New Zealand Musculoskeletal Medicine Wiki''</div> | |||
{{{test|}}} | |||
</div> | |||
</div> |
Latest revision as of 19:14, 23 May 2022
WELCOME TO WIKIMSK