-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
8 lines (8 loc) · 5.29 KB
/
index.html
1
2
3
4
5
6
7
8
<!doctype html> <html class="no-js"> <head> <meta charset="utf-8"> <title>fischaela.github.io</title> <meta name="description" content="Personal portefolio page of Michaela Lehr"> <meta name="viewport" content="width=device-width,initial-scale=1"> <!-- Place favicon.ico and apple-touch-icon.png in the root directory --> <link rel="me" href="https://twitter.com/FischaelaMeer"> <link rel="me" href="https://plus.google.com/+MichaelaLehr/"> <link rel="me" href="https://alpha.app.net/fischaelameer"> <link rel="me" href="https://github.com/Fischaela"> <link rel="shortcut icon" href="favicon.ico"> <link rel="icon" type="image/png" href="32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="16x16.png" sizes="16x16"> <!-- Open Graph data --> <meta property="og:title" content="fischaela.github.io"> <meta property="og:type" content="website"> <meta property="og:url" content="http://fischaela.github.io"> <meta property="og:description" content="Personal portefolio page of Michaela Lehr"> <!-- Twitter Card data --> <meta name="twitter:card" value="summary"> <meta name="twitter:title" content="fischaela.github.io"> <meta name="twitter:description" content="Personal portefolio page of Michaela Lehr"> <link rel="stylesheet" href="styles/vendor.css"> <link rel="stylesheet" href="styles/main.css"> <body ng-app="fischaelagithubioApp"> <!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]--> <header ng-controller="MainCtrl" class="helper_fixed c_header"></header> <section ng-controller="MainCtrl" class="m_contactme"> <div class="c_btn-morph" ng-class="{'button': !active, 'button active': active}" ng-init="active = false"> <div class="c_btn-morph-content"> <ul class=""> <li class="f_close" ng-click="active = !active">×</li> <li ng-repeat="link in links"><a href="{{ link.src }}" target="_blank">{{ link.name }}</a> </li> </ul> </div> <button class="c_btn c_btn-cta" ng-click="active = !active">Contact me</button> </div> </section> <main ng-controller="MainCtrl"> <p id="is_centered" class="helper_centered"><span>Hello world,<br>I am Michaela</span></p> <section class="l_section l_section-sun"> <h2 class="f_headline-huge">Work</h2> <p>I am Co-Founder and CCO of <a href="https://geildanke.com?ahoy" target="_blank">Geil,Danke! GmbH</a>. I work as UX designer and frontend developer. Please, take a look at the work I've done:</p> <div class="l_container-cards"> <article class="helper_clearfix m_project" ng-repeat="project in projects"> <figure class="m_project-box {{ project.color }}"> <img ng-src="{{ image.src }}" alt="{{ project.imagealt }}" ng-repeat="image in project.images" ng-show="image.visible"> <div class="c_arrow"> <a href="#" ng-click="prev($event, $index)"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16px" height="16px" viewbox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"> <path class="c_arrow-path c_arrow-path-left" d="M8.5,1C4.358,1,1,4.358,1,8.5C1,12.643,4.358,16,8.5,16c4.143,0,7.5-3.357,7.5-7.5C16,4.358,12.643,1,8.5,1z M10.1,11.391
c0.195,0.195,0.195,0.512,0,0.707s-0.512,0.195-0.707,0L6.15,8.855C6.052,8.757,6.004,8.629,6.004,8.5S6.052,8.243,6.15,8.145
l3.243-3.243c0.195-0.195,0.512-0.195,0.707,0c0.195,0.195,0.195,0.512,0,0.707L7.209,8.5L10.1,11.391z"> </path></svg> </a> <a href="#" ng-click="next($event, $index)"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16px" height="16px" viewbox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"> <path class="c_arrow-path c_arrow-path-right" d="M8.5,1C4.358,1,1,4.358,1,8.5C1,12.643,4.358,16,8.5,16c4.143,0,7.5-3.357,7.5-7.5C16,4.358,12.643,1,8.5,1z M10.85,8.855
l-3.243,3.242c-0.195,0.195-0.512,0.195-0.707,0c-0.195-0.195-0.195-0.512,0-0.707L9.791,8.5L6.9,5.609
c-0.195-0.195-0.195-0.512,0-0.707c0.195-0.195,0.512-0.195,0.707,0l3.243,3.243c0.099,0.098,0.147,0.227,0.146,0.355
C10.996,8.629,10.948,8.757,10.85,8.855z"> </path></svg> </a> </div> <figcaption> <p ng-repeat="figcaption in project.figcaptions" ng-bind-html="figcaption"></p> <a class="c_btn" href="{{ project.imagehref }}">{{ project.imagebutton }}</a> </figcaption> </figure> </article> </div> </section> <section class="l_section"> <h2 class="f_headline-huge">Me</h2> <article ng-repeat="article in articles"> <p class="f_headline-small"> {{ article.headline }} </p> <p ng-repeat="paragraph in article.paragraphs" ng-bind-html="paragraph"></p> </article> </section> </main> <aside ng-controller="WebglCtrl"> <section id="webgl-container" class="webgl-container"></section> </aside> <footer class="helper_fixed-bottom m_footer" ng-controller="MainCtrl"> <section class="m_footer-top"> <a class="c_btn c_btn-decent" href="mailto:[email protected]">I am available for hire.</a> </section> <section class="m_footer-bottom"> <ul class="helper_clearfix helper_unorderedlist"> <li ng-repeat="link in links"><a href="{{ link.src }}" target="_blank">{{ link.name }}</a> </li> </ul> </section> </footer> <script src="scripts/vendor.js"></script> <script src="scripts/scripts.js"></script>