{PROJECT}./templates/combi.en.ini
{PLUGIN FILE="$plugindir/xDateContent.php" TYPE="DYNAMIC"}

{TITLE}Welcome!
{META}
    <meta name="description" content="Home page of the GEA, the German-English Association in Munich / Germany">
    <meta name="revisit-after" content="1 month">
    <meta name="robots" content="index,follow">
{CSS_POST}
    <link href="$home/css/newswriter.css" rel="stylesheet">
{JS_HEAD}
{JS_FOOT}
{XDATE#JS_FOOT#0112YEAR#3103YEAR}
<!-- http://www.schillmania.com/projects/snowstorm/ -->
<script src="$home/js/snowstorm.min.js"></script>
<!-- Snow Parameters -->
<script>
snowStorm.autoStart = true;
snowStorm.excludeMobile = true;      // exclude mobile devices (CPU charge, battery use)
snowStorm.snowColor = '#99e8ff';     // blue-ish snow!?
snowStorm.flakesMax = 250;          // maximum number of snowflakes on the screen
snowStorm.flakesMaxActive = 150;      // show more "falling" snow on screen at once
snowStorm.useTwinkleEffect = true;  // let the snow flicker in and out of view
snowStorm.animationInterval = 20;    // 20 = fast + smooth, high CPU use. 50 = slower
snowStorm.snowStick = true;          // allows snow to "stick" to the bottom of the window
snowStorm.useMeltEffect = false;    // when recycling fallen snow, have it "melt" and fade out
snowStorm.followMouse = false;      // snow movement can respond to the user's mouse
snowStorm.snowCharacter = '*';      // or &bull;
snowStorm.flakeWidth = 48;          // max. pixel width reserved for snow element
snowStorm.flakeHeight = 48;
snowStorm.freezeOnBlur = true;      // stops the snow effect when browser window out of focus
</script>
<phpcms:ignore> use .container for a responsive pixel width or add '-fluid' for width: 100% </phpcms:ignore>
{CONTAINER}-fluid
<phpcms:ignore> default: all elements are shown; for elements to be hidden add '-hide'; combi.css has to be linked! </phpcms:ignore>
{SHOW_JUMBO}-hide
{SHOW_LEADIN}-hide
{SHOW_LEADOUT}-hide
<phpcms:ignore> if no type specified, all cols wills be equal on all screens,
                types can be '' (<576px)  '-sm' (≥576px)  '-md' (≥768px)  '-lg' (≥992px)  '-xl' (≥1200px)
                sizes can be '-1' to '-12' out of the maximum of 12 
                to hide a column use '-hide'</phpcms:ignore>
{COL1}-hide
{COL2}-md-9
{COL3}-md-3

{HEADERCLASS} pageheader-lg
{HEADER_SCREEN}
<div id="carouselHeader" class="carousel slide" data-ride="carousel" data-interval="8000">
  <ol class="carousel-indicators">
    <li data-target="#carouselHeader" data-slide-to="0" class="active"></li>
    <li data-target="#carouselHeader" data-slide-to="1"></li>
    <li data-target="#carouselHeader" data-slide-to="2"></li>
  </ol>
  <div class="carousel-inner">
    <div class="carousel-item active">
			<div class="text-center">
				<img src="$home/images/header/05-07_Garda_Winetasting_588x150.jpg" alt="Garda - Wine tasting" title="Wine tasting">
				<img src="$home/images/header/05-07_Garda_RoccaView_382x150.jpg" alt="Garda - La Rocca" title="on top of La Rocca">
				<img src="$home/images/header/05-07_Garda_Farewell_meal_324x150.jpg" alt="Garda - Farewell" title="Farewell meal">
			</div>
			<div class="carousel-caption d-none d-md-block">
				<p>July 2005 - Trip to Lake Garda</p>
			</div>
    </div>
    <div class="carousel-item">
			<div class="text-center">
				<img src="$home/images/header/2005-03-06_Mystery_Walk_312x150.jpg" alt="Mystery Walk" title="2005-03-06 Mystery Walk">
				<img src="$home/images/header/2011-04-24_Ute_on_her_Walk_to_Mariabrunn_139x150.jpg" alt="Walking to Mariabrunn" title="2011-04-24 Ute walking to Mariabrunn">
				<img src="$home/images/header/2012-06-12_Waltrauts_Mountain_Hike_346x150.jpg" alt="Mountain Hike" title="2012-06-12 Waltrauts Mountain Hike">
				<img src="$home/images/header/2014-08-24_Walk_to_Starnberg_351x150.jpg" alt="Walk to Starnberg" title="2014-08-24 Walk to Starnberg">
				<img src="$home/images/header/2015-08-23_Walk_to_Gut_Kerschlach_283x150.jpg" alt="Walk to Gut Kerschlach" title="2015-08-23 Walk to Gut Kerschlach">
			</div>
			<div class="carousel-caption d-none d-md-block">
				<p>2011&mdash;2015 - Various Walks</p>
			</div>
    </div>
    <div class="carousel-item">
			<div class="text-center">
				<img src="$home/images/header/2011-10-22_Bonfire_Night_building_the_fire_326x150.jpg" alt="Bonfire Night" title="2011-10-22 Bonfire Night Building up">
				<img src="$home/images/header/2006-11_Bonfire_Night_guy_burning_100x150.jpg" alt="Bonfire Night" title="2006-11 Bonfire Night Guy burning!">
				<img src="$home/images/header/2011-10-22_Bonfire_Night_around_the_fire_304x150.jpg" alt="Bonfire Night" title="2011-10-22 Bonfire Night">
				<img src="$home/images/header/2006-11_Bonfire_Night_around_the_fire_330x150.jpg" alt="Bonfire Night" title="2006-11 Bonfire Night">
				<img src="$home/images/header/2011-10-23_Bonfire_Night_next_morning_238x150.jpg" alt="Bonfire Night" title="2011-10-23 Bonfire Night Clearing up">
			</div>
			<div class="carousel-caption d-none d-md-block">
				<p>GEA Bonfire Night</p>
			</div>
    </div>
  </div>
</div>  
{PAGE_HEADER}
{CONTENT_JUMBO}
{CONTENT_LEADIN}
{CONTENT_COL1}
{CONTENT_COL2}
						<!-- Main jumbotron for a primary marketing message or call to action -->
						<div class="jumbotron">
							<div class="container-fluid">
								<div class="row">
									<div class="col-md-3">
										<img style="padding: 5px 10px 5px 0;width:135px;height:165px;float:left;" src="$home/images/muenchen.gif" alt="Munich Fraunkirche" title="Munich Fraunkirche">
									</div><!-- /.col-md-3 -->
									<div class="col-md-9">
										<h1>Dear Visitor,</h1>
										<p class="lead">we are pleased to welcome you to the Home Page of the GEA - the German-English Association in Munich / Germany. </p>
									</div><!-- /.col-md-9 -->
								</div><!-- /.row -->
								<p class="lead">We are an open, international group with a variety of professions, no membership fees, age no issue, run by volunteers since 1982. </p>
							</div><!-- /.container-fluid -->
						</div><!-- /.jumbotron -->
						<p id="pdfdownload">Our group has a unique two-fold offer full of interesting social and cultural activities: </p>
						<ul>
							<li>a number of individual event offers, and </li>
							<li>many regular weekly events, </li>
							<li>&#8230; all listed on our <a href="/progcal.en.htm" title="Link to online events calendar">online events calendar</a> and in a <a href="https://gea-muc.de/pdf/GEA%20Events%20Calendar.pdf" data-umami-event="PDF Download">downloadable PDF version</a> </li>
						</ul>
						<p>&mdash; <i>and</i> all without a membership procedure or fee. </p>
						<p class="text-right"><b><i>Newcomers are welcome!</i></b></p>
{CONTENT_COL2_1}
{XDATE#CONTENT_COL2_1#1712YEAR#2612YEAR}
  <!-- Christmas -->    
  <div class="alert alert-block alert-success">
    <p style="font-size:120%;font-weight:bold;">We from the GEA wish you all </p>
    <p style="font-size:150%;font-weight:bold;text-align:center;">Merry Christmas!</p>
  </div>
{XDATE#CONTENT_COL2_1#2712YEAR#3112YEAR}
  <!-- New Year (in old year) -->
  <div class="alert alert-block alert-info">
    <p style="font-size:120%;font-weight:bold;color:black;">We from the GEA wish you all a</p>
    <p style="font-size:150%;font-weight:bold;text-align:center;color:red;">Happy New Year <NEXT_YEAR>!</p>
  </div>
{XDATE#CONTENT_COL2_1#0101YEAR#1501YEAR}
  <!-- New Year (in new year) -->
  <div class="alert alert-block alert-info">
    <p style="font-size:120%;font-weight:bold;color:black;">We from the GEA wish you all a</p>
    <p style="font-size:150%;font-weight:bold;text-align:center;color:red;">Happy New Year <CURR_YEAR>!</p>
  </div>
{SCRIPT_COL2}
{CONTENT_COL2_2}
						<hr>
						<div class="d-print-none">
							<h3>GEA News<span style="float:right;font-size:80%;"><a class="btn btn-mini" href="login.en.htm"><i class="fas fa-edit"></i></a></span></h3>
<!-- PAXPHP Newswriter
  require('../newswriter/conf.php');
  newswriter();
PAXPHP Newswriter -->
							<hr>
						</div>
						<div id="progteam"class="row">
							<div class="col-md-5">
								<h5>Your GEA Programme Team:</h5>
								<p> &nbsp; <MAILNAME "programme@gea-muc.de,Ute Becker &middot; Jim Burgess &middot; Harald Cramer"><br></p>
							</div>
						</div>
{CONTENT_COL3_1}
<phpcms:ignore>
						<div class="card border-primary mb-3">
							<div class="card-header text-info"><h4>Our <a href="sponsors.en.htm" title="Link to Sponsors">Sponsors</a></h4></div>
								<div class="card-body p-2">
									<p class="card-text text-info">
										Please visit our <a href="sponsors.en.htm" title="Link to sponsors">sponsors</a>!
									</p>
									<hr>
									<!-- rolling sponsor ads -->
{SCRIPT_COL3}$home/randomquote/randomquote.php
								</div>
							</div>
</phpcms:ignore>
{CONTENT_COL3_2}
							<div class="card text-white bg-primary mb-3">
								<div class="card-header"><h4>Mailing List</h4></div>
								<div class="card-body p-2">
									<h5 class="card-title">Stay up-to-date!</h5>
									<p class="card-text">
										Join the GEA mailing list.<br>Send a blank e-mail to<br><a style="color:aqua;" href="mailto:subscribe@gea-muc.de">subscribe@gea-muc.de</a><br>
										(no subject, no text necessary).<br>
                    Make sure to get all <a style="color:aqua;" href="$home/mailinglist.en.htm">relevant information</a>!
									</p>
								</div>
							</div>
							<div class="card text-white bg-primary mb-3">
								<div class="card-body p-2">
									<h4 class="card-title">Next GEA Events<br><small>(non-regular ones)</small></h4>
									<div class="embed-responsive embed-responsive-1by1">
										<iframe name="events" class="embed-responsive-item cmplazyload" src="about:blank" data-cmp-src="https://calendar.google.com/calendar/embed?showTitle=0&amp;showNav=0&amp;showPrint=0&amp;showTabs=0&amp;showCalendars=0&amp;showTz=0&amp;mode=AGENDA&amp;height=400&amp;wkst=2&amp;hl=en_GB&amp;bgcolor=%23FFFFFF&amp;src=gea.muc%40gmail.com&amp;color=%23711616&amp;ctz=Europe%2FBerlin" style="border:0;font-size:80%" data-cmp-vendor="s135" data-cmp-purpose="c51"></iframe>
									</div>
									<p>Full calendar <a style="color:aqua;" href="progcal.en.htm">here</a> .</p>
								</div>
							</div>
{CONTENT_LEADOUT}