sysadm/clam2020
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add new header

Browse Source
This commit is contained in:
German Correa 2019-11-13 12:07:30 -03:00
parent 0fe718bafa
commit 138b290632
3 changed files with 37 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/img/headerpic2.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 199 KiB

After

Width:  |  Height:  |  Size: 1.1 MiB

23
public/style/style.css
View File

@ -127,23 +127,30 @@ hr.separador{
#logo_text h1.title{ #logo_text h1.title{
text-shadow: #ccc 1px 1px 10px; text-shadow: #ccc 1px 1px 10px;
} }
#logo_text h2.subtitle{ h2.subtitle{
text-shadow: #333 2px 2px 1px; text-shadow: #333 2px 2px 1px;
color:white;
font-weight: normal;
text-align:center;
border-bottom: 0;
text-transform: none;
font-size:2em;
margin: 0;
} }
h2#when{margin-top:10px!important;} /*h2#when{margin-top:10px!important;}
h2#where{ h2#where{
font-size: 220%!important; font-size: 220%!important;
} }*/
#logo_text h1 #logo_text h1
{ {
font-size: 150%; font-size: 150%;
} }
#logo_text h2{ /*#logo_text h2{
font-size: 300%; font-size: 300%;
} }
@ -153,7 +160,7 @@ h2#where{
border-bottom: 0; border-bottom: 0;
text-transform: none; text-transform: none;
margin: 0; margin: 0;
} }*/
#logo_text h1 a:hover{ #logo_text h1 a:hover{
text-shadow: #333 1px 1px 10px; text-shadow: #333 1px 1px 10px;
} }
@ -176,11 +183,7 @@ h2#where{
#logo_text h1 #logo_text h1
{ font-size: 500%;} { font-size: 500%;}
#logo_text h2
{ font-size: 200%;
padding: 4px 0 0 0;
color: #fff;
}
@media screen and (max-width: 800px){ @media screen and (max-width: 800px){
#logo_text h1{font-size:30px;} #logo_text h1{font-size:30px;}

47
templates/header.html
View File

@ -1,25 +1,25 @@
<header id="header"> <header id="header">
<!--<div class="bg"></div>--> <!--<div class="bg"></div>-->
<div id="logo" class="jumbotron" data-parallax="scroll" data-position="center" data-natural-height="1000" data-natural-width="1920" data-image-src="img/headerpic2.jpg">
<div style="height:450px;"></div>
<!--<div id="logo_text">
<div id="logo" class="jumbotron" data-parallax="scroll" data-position="center" data-natural-height="806" data-natural-width="2916" data-image-src="img/headerpic2.jpg">
<div id="logo_text">
<!-- class="logo_colour", allows you to change the colour of the text -->
<h1 class="title"><a href="/"><span class="logo_colour"> CLAM 2020</span></a></h1> <h1 class="title"><a href="/"><span class="logo_colour"> CLAM 2020</span></a></h1>
<h2 class="subtitle"> <h2 class="subtitle">
<strong>VI Congreso Latinoamericano de Matemáticos</strong><br> <strong>VI Congreso Latinoamericano de Matemáticos</strong><br>
</h2> </h2>-->
<h2 id="when" class="subtitle"> <h2 id="when" class="subtitle">
<strong>20 &#8211; 24, Julio 2020</strong> 20 al 24 de julio de 2020 <span style="color:#00b1d7">/</span> Montevideo, Uruguay
</h2> </h2>
<h2 id="where" class="subtitle"> <!--<h2 id="where" class="subtitle">
<strong>Montevideo, Uruguay</strong> <strong>Montevideo, Uruguay</strong>
</h2> </h2>
</div> </div>-->
</div> </div>
<nav class="navbar navbar-inverse " id="menubar"> <nav class="navbar navbar-inverse " id="menubar">
<div class="container-fluid"> <div class="container-fluid">
<div class="navbar-header"> <div class="navbar-header">
@ -28,25 +28,26 @@
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</button> </button>
<a class="navbar-brand visible-xs" href="#">Clam2020 Menu</a> <a class="navbar-brand visible-xs" href="#">Clam2020 Menu</a>
</div> </div>
<div class="navbar-collapse collapse" id="menucollapse"> <div class="navbar-collapse collapse" id="menucollapse">
<div class="container"> <div class="container">
<ul class="nav navbar-nav" id="menu"> <ul class="nav navbar-nav" id="menu">
<li id="home"><a href="/"><i class="glyphicon glyphicon-home"></i></a></li> <li id="home"><a href="/"><i class="glyphicon glyphicon-home"></i></a></li>
<li id="comites"><a href="comites">Comités</a></li> <li id="comites"><a href="comites">Comités</a></li>
<li id="program"><a href="programa">Programa</a></li> <li id="program"><a href="programa">Programa</a></li>
<li id="conferencias"><a href="conferencias">Conferencias</a></li> <li id="conferencias"><a href="conferencias">Conferencias</a></li>
<li id="sesiones"><a href="sesiones">Sesiones</a></li> <li id="sesiones"><a href="sesiones">Sesiones</a></li>
<li id="registration"><a href="registrarse">Registro</a></li> <li id="registration"><a href="registrarse">Registro</a></li>
<li id="participants"><a href="participantes">Participantes</a></li> <li id="participants"><a href="participantes">Participantes</a></li>
<li id="practicalinfo"><a href="informacion-practica">Información Práctica</a></li> <li id="practicalinfo"><a href="informacion-practica">Información Práctica</a></li>
<!--<li id="contacto" class="selected"><a href="contact">Contact</a></li>--> <!--<li id="contacto" class="selected"><a href="contact">Contact</a></li>-->
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
</nav> </nav>
</header> </header>