mam
/
mamweb
12
0
Fork 0
Code Issues Pull Requests 11 Projects Releases Wiki Activity
Browse Source

flat titulni strana 

Pokus o vylepseni titulni stranky tak,
ze pokud mame mensi sirku, tak se novinky
preskupi nad graf a daji na celou sirku,
jen nevim, jak udelat, aby se pro ruzne
sirky aplikovali ruzne styly.
remotes/origin/Float_novinky
Bc. Petr Pecha 9 years ago
parent
f3bf6d5300
commit
a565739ba6
2 changed files with 55 additions and 39 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 23
      mamweb/static/css/mamweb.css
  2. 71
      seminar/templates/seminar/titulnistrana.html

23
mamweb/static/css/mamweb.css
View File

@ -299,6 +299,11 @@ div.zadani_azad_termin {
padding: 20px 0px 20px 0px; padding: 20px 0px 20px 0px;
float: none; float: none;
} }
div.novinky{
max-width: 42%;
}
} }
@media (max-width: 767px) { @media (max-width: 767px) {
@ -407,6 +412,10 @@ div.zadani_azad_termin {
padding: 30px 0px 20px 0px; padding: 30px 0px 20px 0px;
float: none; float: none;
} }
div.novinky{
max-width: 100%;
}
} }
@ -462,3 +471,17 @@ div.zadani_azad_termin {
width: 33%; width: 33%;
} }
/* titulni stranka */
.zjistit_vic{
text-align: center;
}
.graf{
float: left;
}
.novinky{
float: right;
/*max-width: 42%;*/
}

71
seminar/templates/seminar/titulnistrana.html
View File

@ -17,42 +17,7 @@ M&M je korespondeční seminář. Několikrát do roka zdarma vydáváme ča
M&M je taky soutěž. Můžeš vyhrát knížky, deskovky nebo dokonce dort. Můžeš se dostat na matfyz bez přijímaček. A především s námi můžeš jet na skvělé soustředění. M&M je taky soutěž. Můžeš vyhrát knížky, deskovky nebo dokonce dort. Můžeš se dostat na matfyz bez přijímaček. A především s námi můžeš jet na skvělé soustředění.
</p> </p>
<table> <div class="novinky">
<tr>
<td>
<div class="graf">
<img class="map" src="{% static 'images/graph.png' %}" width="505.0" height="612.0" usemap="#vuemap">
<map name="vuemap">
<area href="/" id="mam" shape="rect" coords="148,277,354,364"></area>
<area href="/soustredeni/" id="sous" shape="rect" coords="180,194,313,236"></area>
<area href="/archiv/cisla/" id="casopis" shape="rect" coords="206,393,297,432"></area>
<area href="/media/ilustrace/graf/duvera.jpeg" id="hry" shape="rect" coords="198,87,251,121"></area>
<area href="/media/ilustrace/graf/prednaska.jpeg" id="prednasky" shape="rect" coords="273,120,390,160"></area>
<area href="/media/ilustrace/graf/konfera.jpeg" id="konfery" shape="rect" coords="350,168,445,207"></area>
<area href="/media/ilustrace/graf/vylet.jpeg" id="vylet" shape="rect" coords="366,220,434,256"></area>
<area href="/media/ilustrace/graf/legenda.jpeg" id="legenda" shape="rect" coords="29,180,129,219"></area>
<area href="/media/ilustrace/graf/jidlo.jpeg" id="jidlo" shape="rect" coords="125,114,184,149"></area>
<area href="/media/ilustrace/graf/adrenalin.jpeg" id="adrenalinove" shape="rect" coords="38,30,184,73"></area>
<area href="/media/ilustrace/graf/beh-p.jpeg" id="behaci" shape="rect" coords="193,20,274,57"></area>
<area href="/media/ilustrace/graf/strategie.jpeg" id="strategicke" shape="rect" coords="284,16,411,57"></area>
<area href="/clanky/uvod/" id="clanky" shape="rect" coords="363,428,447,466"></area>
<area href="/zadani/aktualni/" id="ulohy" shape="rect" coords="246,492,321,529"></area>
<area href="/zadani/temata/" id="temata" shape="rect" coords="126,473,217,511"></area>
<area href="/media/ilustrace/graf/knihy.jpg" id="ceny" shape="rect" coords="15,413,188,458"></area>
<area href="/zadani/aktualni/#zam_M" id="matika" shape="rect" coords="357,514,488,556"></area>
<area href="/zadani/aktualni/#zam_F" id="fyzika" shape="rect" coords="276,557,354,594"></area>
<area href="/zadani/aktualni/#zam_I" id="informatika" shape="rect" coords="141,539,269,580"></area>
<area href="/media/ilustrace/graf/dort.jpg" id="dort" shape="rect" coords="60,519,121,554"></area>
</map>
</div>
<center>
<h3><a href="/co-je-MaM/uvod/">Zjistit víc!</a></h3>
</center></p>
</td>
<td valign="top">
{% if dead %} {% if dead %}
<div class="odpocet"> <div class="odpocet">
<p><b>Do konce odeslání řešení zbývá:<br> <p><b>Do konce odeslání řešení zbývá:<br>
@ -79,10 +44,38 @@ M&amp;M je korespondeční seminář. Několikrát do roka zdarma vydáváme ča
{% include 'seminar/novinky.html' %} {% include 'seminar/novinky.html' %}
<a href='/stare-novinky/'>Archiv novinek</a> <a href='/stare-novinky/'>Archiv novinek</a>
</td> </div>
</tr> <div class="graf">
</table>
<img class="map" src="{% static 'images/graph.png' %}" width="505.0" height="612.0" usemap="#vuemap">
<map name="vuemap">
<area href="/" id="mam" shape="rect" coords="148,277,354,364"></area>
<area href="/soustredeni/" id="sous" shape="rect" coords="180,194,313,236"></area>
<area href="/archiv/cisla/" id="casopis" shape="rect" coords="206,393,297,432"></area>
<area href="/media/ilustrace/graf/duvera.jpeg" id="hry" shape="rect" coords="198,87,251,121"></area>
<area href="/media/ilustrace/graf/prednaska.jpeg" id="prednasky" shape="rect" coords="273,120,390,160"></area>
<area href="/media/ilustrace/graf/konfera.jpeg" id="konfery" shape="rect" coords="350,168,445,207"></area>
<area href="/media/ilustrace/graf/vylet.jpeg" id="vylet" shape="rect" coords="366,220,434,256"></area>
<area href="/media/ilustrace/graf/legenda.jpeg" id="legenda" shape="rect" coords="29,180,129,219"></area>
<area href="/media/ilustrace/graf/jidlo.jpeg" id="jidlo" shape="rect" coords="125,114,184,149"></area>
<area href="/media/ilustrace/graf/adrenalin.jpeg" id="adrenalinove" shape="rect" coords="38,30,184,73"></area>
<area href="/media/ilustrace/graf/beh-p.jpeg" id="behaci" shape="rect" coords="193,20,274,57"></area>
<area href="/media/ilustrace/graf/strategie.jpeg" id="strategicke" shape="rect" coords="284,16,411,57"></area>
<area href="/clanky/uvod/" id="clanky" shape="rect" coords="363,428,447,466"></area>
<area href="/zadani/aktualni/" id="ulohy" shape="rect" coords="246,492,321,529"></area>
<area href="/zadani/temata/" id="temata" shape="rect" coords="126,473,217,511"></area>
<area href="/media/ilustrace/graf/knihy.jpg" id="ceny" shape="rect" coords="15,413,188,458"></area>
<area href="/zadani/aktualni/#zam_M" id="matika" shape="rect" coords="357,514,488,556"></area>
<area href="/zadani/aktualni/#zam_F" id="fyzika" shape="rect" coords="276,557,354,594"></area>
<area href="/zadani/aktualni/#zam_I" id="informatika" shape="rect" coords="141,539,269,580"></area>
<area href="/media/ilustrace/graf/dort.jpg" id="dort" shape="rect" coords="60,519,121,554"></area>
</map>
<span class="zjistit_vic">
<h3><a href="/co-je-MaM/uvod/">Zjistit víc!</a></h3>
</span>
</div>

Write Preview
Loading…
Cancel
Save