new file: Countries/de/elections.ics

modified:   Countries/de/index.html
	modified:   Countries/de/style.css
main
anthony 4 months ago
parent 01ed392d15
commit 5b4a887d88

@ -0,0 +1,39 @@
BEGIN:VCALENDAR
X-LOTUS-CHARSET:UTF-8
VERSION:2.0
PRODID:ZMS-Berlin
BEGIN:VTIMEZONE
TZID:Europe/Berlin
X-LIC-LOCATION:Europe/Berlin
BEGIN:DAYLIGHT
TZOFFSETFROM:+0100
TZOFFSETTO:+0200
TZNAME:CEST
DTSTART:19700329T020000
RRULE:FREQ=YEARLY;INTERVAL=1;BYDAY=-1SU;BYMONTH=3
END:DAYLIGHT
BEGIN:STANDARD
TZOFFSETFROM:+0200
TZOFFSETTO:+0100
TZNAME:CET
DTSTART:19701025T030000
RRULE:FREQ=YEARLY;INTERVAL=1;BYDAY=-1SU;BYMONTH=10
END:STANDARD
END:VTIMEZONE
METHOD:REQUEST
BEGIN:VEVENT
UID:ics.terminsysteme.de1736362634
DTSTAMP:20250108T195714
CLASS:PUBLIC
DTSTART;TZID=Europe/Berlin:20250223T000000
DTEND;TZID=Europe/Berlin:20250223T235500
LOCATION:Germany
SUMMARY:German Federal Election
DESCRIPTION:Elections for the Federal Parliament of the Federal Republic of Germany
BEGIN:VALARM
ACTION:DISPLAY
TRIGGER:-PT1440M
DESCRIPTION:Erinnerung
END:VALARM
END:VEVENT
END:VCALENDAR

@ -9,18 +9,87 @@
<div class="div1"> </div>
<div class="div2"> </div>
</div>
<flag> <img src="https://upload.wikimedia.org/wikipedia/en/b/ba/Flag_of_Germany.svg" class="flag" /> </flag>
<coat> <img src="https://upload.wikimedia.org/wikipedia/commons/d/da/Coat_of_arms_of_Germany.svg" class="coat"> </coat>
<name> <h>Bundesrepublik Deutschland</h> </name>
<coat>
<img src="https://upload.wikimedia.org/wikipedia/commons/d/da/Coat_of_arms_of_Germany.svg" class="coat">
<info>
<maps> <img src="./map.svg" class="map" /> </maps>
<p>Anthem</p>
<audio controls>
<source src="./anthem.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
</audio>
</coat>
<table>
<tr>
<th>
<div class="capital">
<p><a href="https://www.openstreetmap.org/?mlat=52.518611&mlon=13.408333&zoom=10" class="table-data">Berlin</a></p>
<p class="table-description">Capital</p>
</th>
</tr>
<tr>
<div class="continent">
<th>
<p><a href="https://en.wikipedia.org/wiki/Eurasia" class="table-data">Eurasia</a></p>
<p class="table-description">Continent</p>
</th>
</div>
</tr>
<tr>
<div class="currency">
<th>
<p><a href="https://en.wikipedia.org/wiki/Euro" class="table-data"></a></p>
<p class="table-description">Currency</p>
</th>
</div>
</tr>
<tr>
<div class="economy">
<th>
<p><a href="https://en.wikipedia.org/wiki/Capitalism" class="table-data">$</a></p>
<p class="table-description">Economy</p>
</th>
</div>
</tr>
<tr>
<div class="goverment">
<th>
<p><a href="https://en.wikipedia.org/wiki/Democracy" class="table-data"></a></p>
<p class="table-description">Form of Goverment</p>
</th>
</div>
</tr>
<tr>
<div class="elections">
<th>
<p><a href="./elections.ics" class="table-data">23 February 2025</a></p>
<p class="table-description">Next Elections</p>
</th>
</div>
</tr>
<tr>
<div class="in-power">
<th>
<p><a href="https://www.spd.de/" class="table-data">SPD</a></p>
<p><a href="https://www.gruene.de/" class="table-data">Die Grünen</a></p>
<p class="table-description">Parties in Power</p>
</th>
</div>
</tr>
<tr>
<div class="population">
<th>
<p><a href="https://en.wikipedia.org/wiki/Democracy" class="table-data">82.728.306</a></p>
<p class="table-description">Population</p>
</th>
</div>
</tr>
</table>
</info>
<middle>
<maps> <img src="./map.svg" class="map" /> </maps>
<div class="info-text">
<p>Germany, a federal republic in Central Europe, stands as a testament to post-war democratic reconstruction. Its political system, deeply influenced by historical lessons, is a parliamentary democracy characterized by a delicate balance of power. At its core lies the principle of federalism, dividing authority between the federal government and its 16 constituent states (Länder). The Bundestag, the directly elected lower house of parliament, holds significant legislative power. Citizens cast two votes: one for a specific candidate and another for a party list. This mixed electoral system ensures both direct representation and proportional representation of parties. The Chancellor, the head of government, is elected by the Bundestag and typically leads a coalition government, as no single party usually secures an absolute majority. This multi-party system, while often leading to complex negotiations, fosters consensus-building and broad representation of diverse interests. The Bundesrat, representing the interests of the 16 states, plays a crucial role in the legislative process. States with larger populations have more voting power, ensuring regional concerns are considered. The Federal President, elected by a Federal Convention, primarily serves a ceremonial role, but holds certain reserve powers, such as the right to dissolve the Bundestag in exceptional circumstances. The judiciary, independent of the legislative and executive branches, plays a vital role in upholding the rule of law. The Federal Constitutional Court, established in 1951, acts as the guardian of the Basic Law (Grundgesetz), Germany's constitution. It has the power to review legislation and government actions for their constitutionality, ensuring individual rights and freedoms are protected. This intricate system, with its emphasis on checks and balances, reflects Germany's commitment to democracy, social justice, and the peaceful resolution of conflicts. It continues to evolve in response to contemporary challenges, while striving to uphold the principles enshrined in its founding documents.
</p>
</div>
<heads>
<section class="profiles">
@ -59,5 +128,9 @@
</heads>
<footer>
<img src="https://code.cif.su/CiF/branding/raw/branch/main/CiF%20Logo%20Gold.svg" class="logo"/>
<p>A project by the CiF</p>
</footer>
</body>
</html>

@ -9,12 +9,9 @@
top: 0;
left: 0;
overflow: hidden;
border-radius: 0 0 50pt 0; /* Top-left corner rounded */
height: 95%;
width: 95%;
object-fit: cover;
border-right: 5px solid #000000;
border-bottom: 5px solid #000000;
}
.coat {
@ -22,19 +19,17 @@
position: relative;
margin: auto auto;
overflow: hidden;
height: auto;
height: 100%;
height: 90%;
width: auto;
object-fit: cover;
padding: 5px;
}
.map {
width: 33.3%;
width: 100%;
height: auto;
object-fit: cover;
object-fit: contain;
filter: brightness(0);
margin-left: 33.3%;
margin-right: 33.3%;
}
.parent {
@ -57,8 +52,8 @@
--bg-blur-hover: 5px; /* background image blur on hover */
font-family: 'Ubuntu', sans-serif;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25%;
grid-template-columns: repeat(3, 1fr);
gap: 15%;
margin: auto auto;
width: auto;
}
@ -130,12 +125,12 @@
body {
display: grid;
grid-template-areas:
"flag name coat"
"coat name info"
"middle middle right"
"heads heads heads"
;
grid-template-rows: 22% 1fr 50px;
grid-template-columns: 15% 1fr 18%;
grid-template-columns: 15% 1fr calc(20vw + 20px);
grid-gap: 0px;
height: 100vh;
margin: 0px;
@ -146,22 +141,30 @@
margin: auto auto;
}
flag {
grid-area: flag;
coat {
grid-area: coat;
}
name {
grid-area: name;
text-align: center;
font-family: Futura;
text-transform: uppercase;
margin-top: auto;
margin-bottom: auto;
font-size: 4vw;
font-size: calc(3vw + 20px);
background: url(https://upload.wikimedia.org/wikipedia/en/b/ba/Flag_of_Germany.svg);
background-size: auto 100%;
background-repeat: repeat;
box-decoration-break: clone;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
coat {
grid-area: coat;
margin: 2.5%;
info {
grid-area: info;
margin-left: 2.5%;
margin-right: 2.5%;
}
header {
@ -191,4 +194,72 @@
header, nav, section, aside, footer {
padding: 5px;
}
footer {
font-size: medium;
font-weight: bold;
}
.logo {
height: 20px;
}
th {
text-align: center;
padding-top: 0px;
padding-bottom: 0px;
border-bottom: 1px solid #ddd;
}
table{
width: 90%;
}
.table-data {
color: #000000;
font-size: 25px;
font-family: Futura;
}
.table-description {
color: #ABABAB;
background-color: transparent;
text-decoration: none;
font-size: 15px;
}
/* unvisited link */
a:link {
color: #000000;
background-color: transparent;
text-decoration: none;
}
/* visited link */
a:visited {
color: #000000;
background-color: transparent;
text-decoration: none;
}
/* mouse over link */
a:hover {
color: #000000;
background-color: transparent;
text-decoration: none;
}
/* selected link */
a:active {
color: #000000;
background-color: transparent;
text-decoration: none;
}
.info-text {
font-family: Futura;
color: #000000;
text-align: center;
padding-left: 5%;
padding-right: 5%;
font-size: 20px;
}
Loading…
Cancel
Save