Initial public commit

2016-08-15 18:21:55 +02:00
commit f9c5f3db5a
86 changed files with 2024 additions and 0 deletions
@@ -0,0 +1,41 @@
+<div class="contact">
+	<div class="contact__main">
+		<form class="contact__form form" action="" method="post">
+			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+			quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+			consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+			cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+			proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+			
+			<img class="contact__stamp" src="<?= url('assets/img/stamp.svg') ?>" alt="">
+		</form>
+		
+		<div class="contact__thank-you">
+			Thank you for your message.
+		</div>
+	</div>
+	
+	<aside class="contact__sidebar">
+		<div class="contact__detail">
+			<h2 class="contact__heading">Email</h2>
+			<div class="contact__email"><?= str::email('lukas@example.com') ?> <a href="<?= url('legal') ?>#contact">?</a></div>
+			<small><a href="<?= url('pgp.asc') ?>" rel="pgpkey">PGP: 2E2A DD32 FE50 61C1</a></small>
+		</div>
+		
+		<div class="contact__detail">
+			<h2 class="contact__heading">Twitter</h2>
+			<?= twitter('lukasbestle') ?>
+		</div>
+	</aside>
+</div>
+
+<script>
+// Demonstration of the form animation
+setTimeout(function() {
+	document.querySelector('.form').classList.add('form--sent');
+}, 2000);
+setTimeout(function() {
+	document.querySelector('.form').classList.add('form--success');
+}, 2750);
+</script>