change template

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 Dinesh Pandiyan
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,42 @@
+# Dev Landing Page
+
+Minimal landing page for developers.
+
+Developers don't talk much. Their code does all the talking. So here's a minimal landing page for developers.
+
+## Why? [![start with why](https://img.shields.io/badge/start%20with-why%3F-brightgreen.svg?style=flat)](http://www.ted.com/talks/simon_sinek_how_great_leaders_inspire_action)
+
+I wanted a dev landing page to showcase everything I do online and I wanted it to be minimal and right to the point rather beautiful and hefty. And I think most of the devs out there would want the same.
+
+So I sat down one night and created this **Dev Landing Page**. Feel free to fork, clone, play around and make this your own.
+
+## Themes
+
+Dev Landing Page comes in 9 **material themes**.
+
+![9 Material Themes](https://image.ibb.co/jJVKCn/dev_landing_page_themes.jpg)
+
+If none of these themes fit within your taste, it's quite easy to customize and create your own too. 
+
+## GitHub Pages
+
+GitHub makes it easy to create personal websites. Follow this link - [GitHub Pages](https://pages.github.com/) to know how or follow the steps below.
+
+If you already have a GitHub profile (obviously)
+
+* Create a new repo with the name `{username}.github.io`
+* Clone/Fork this repo and copy the files to your newly created repo
+* Customize your name, links and everything else for your landing page
+* `git push`
+
+Voila! Your site should be live at `https://{username}.github.io`
+
+Here's my **Dev Landing Page** - [Dinesh Pandiyan - v1](https://v1.dineshpandiyan.com/)
+
+### Custom Domain
+
+If you want to make your new landing page available under a domain like `{username}.com` you can get started here - [Setting up a custom domain](https://help.github.com/articles/quick-start-setting-up-a-custom-domain/).
+
+## License
+
+MIT © Dinesh Pandiyan

css/reset.css

@@ -0,0 +1,25 @@
+/* Minimal CSS Reset */
+
+html {
+  box-sizing: border-box;
+  font-size: 12px;
+}
+
+*, *:before, *:after {
+  box-sizing: inherit;
+}
+
+body, h1, h2, h3, h4, h5, h6, p, ol, ul {
+  margin: 0;
+  padding: 0;
+  font-weight: normal;
+}
+
+ol, ul {
+  list-style: none;
+}
+
+img {
+  max-width: 100%;
+  height: auto;
+}

css/styles.css

@@ -0,0 +1,75 @@
+/* Typography */
+
+html {
+	font-family: 'Roboto', sans-serif;
+}
+
+@media (min-width: 576px) {
+	html {
+		font-size: 14px;
+	}
+}
+
+@media (min-width: 768px) {
+	html {
+		font-size: 16px;
+	}
+}
+
+@media (min-width: 992px) {
+	html {
+		font-size: 18px;
+	}
+}
+
+@media (min-width: 1200px) {
+	html {
+		font-size: 20px;
+	}
+}
+
+.icons-social i {
+	font-size: 3em;
+}
+
+/* Custom Styles */
+
+main {
+	display: flex;
+	flex-direction: column;
+	min-height: 100vh;
+	justify-content: center;
+	padding: 0 30px;
+	text-align: center;
+}
+
+main > .intro {
+	font-family: 'Reem Kufi', sans-serif;
+	font-size: 3.75em;
+	font-weight: 600;
+}
+
+main > .tagline {
+	font-size: 1.5rem;
+	margin: 1.5rem 0;
+	font-weight: 100;
+}
+
+.icons-social i {
+	padding: 10px;
+}
+
+.icons-social a {
+  text-decoration: none;
+}
+
+.devto {
+	margin-bottom: -0.20rem;
+}
+
+.devto svg {
+	margin-bottom: -0.20rem;
+	margin-left: 0.675rem;;
+	width: 2.65rem;
+	height: 2.65rem;
+}

css/themes/green-white.css

@@ -0,0 +1,14 @@
+/* Theme */
+
+main {
+	background: #43A047;
+	color: #FAFAFA;
+}
+
+.icons-social a {
+	color: #FAFAFA;
+}
+
+.icons-social a svg path{
+	fill: #FAFAFA;
+}

css/themes/grey-white.css

@@ -0,0 +1,14 @@
+/* Theme */
+
+main {
+	background: #485564;
+	color: #FAFAFA;
+}
+
+.icons-social a {
+	color: #FAFAFA;
+}
+
+.icons-social a svg path{
+	fill: #FAFAFA;
+}

css/themes/indigo-white.css

@@ -0,0 +1,14 @@
+/* Theme */
+
+main {
+	background: #303F9F;
+	color: #FAFAFA;
+}
+
+.icons-social a {
+	color: #FAFAFA;
+}
+
+.icons-social a svg path{
+	fill: #FAFAFA;
+}

css/themes/red-white.css

@@ -0,0 +1,14 @@
+/* Theme */
+
+main {
+	background: #AF3D4E;
+	color: #FAFAFA;
+}
+
+.icons-social a {
+	color: #FAFAFA;
+}
+
+.icons-social a svg path{
+	fill: #FAFAFA;
+}

css/themes/white-blue.css

@@ -0,0 +1,14 @@
+/* Theme */
+
+main {
+	background: #FAFAFA;
+	color: #0277BD;
+}
+
+.icons-social a {
+	color: #0277BD;
+}
+
+.icons-social a svg path{
+	fill: #0277BD;
+}

css/themes/white-grey.css

@@ -0,0 +1,14 @@
+/* Theme */
+
+main {
+	background: #EDEDED;
+	color: #4B5658;
+}
+
+.icons-social a {
+	color: #4B5658;
+}
+
+.icons-social a svg path{
+	fill: #4B5658;
+}

css/themes/white-indigo.css

@@ -0,0 +1,14 @@
+/* Theme */
+
+main {
+	background: #E8EAF6;
+	color: #303F9F;
+}
+
+.icons-social a {
+	color: #303F9F;
+}
+
+.icons-social a svg path{
+	fill: #303F9F;
+}

css/themes/white-red.css

@@ -0,0 +1,14 @@
+/* Theme */
+
+main {
+	background: #EDEDED;
+	color: #AF3D4E;
+}
+
+.icons-social a {
+	color: #AF3D4E;
+}
+
+.icons-social a svg path{
+	fill: #AF3D4E;
+}

css/themes/yellow-black.css

@@ -0,0 +1,14 @@
+/* Theme */
+
+main {
+	background: #FFEB3B;
+	color: #1E1E1E;
+}
+
+.icons-social a {
+	color: #1E1E1E;
+}
+
+.icons-social a svg path{
+	fill: #1E1E1E;
+}

index.html

@@ -1,4 +1,83 @@
----
+<!DOCTYPE html>
-layout: home
+<html>
-author_profile: true
+<head>
----
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+	<title>JensMohrmann.de | Jens Mohrmann</title>
+
+	<link rel="icon" href="favicon.ico" type="image/png" />
+
+	<link href="https://fonts.googleapis.com/css?family=Reem+Kufi|Roboto:300" rel="stylesheet">
+	<link href="https://use.fontawesome.com/releases/v5.13.1/css/all.css" rel="stylesheet">
+	<link rel="stylesheet" href="css/reset.css">
+	<link rel="stylesheet" href="css/styles.css">
+	<!-- <link rel="stylesheet" href="css/themes/indigo-white.css"> -->
+	<!-- <link rel="stylesheet" href="css/themes/green-white.css"> -->
+	<!-- <link rel="stylesheet" href="css/themes/red-white.css"> -->
+	<link rel="stylesheet" href="css/themes/grey-white.css">
+	<!-- <link rel="stylesheet" href="css/themes/white-indigo.css"> -->
+	<!-- <link rel="stylesheet" href="css/themes/white-blue.css"> -->
+	<!-- <link rel="stylesheet" href="css/themes/white-grey.css"> -->
+	<!-- <link rel="stylesheet" href="css/themes/white-red.css"> -->
+	<!-- <link rel="stylesheet" href="css/themes/yellow-black.css"> -->
+</head>
+<body>
+	<main>
+		<div class="intro">Jens Mohrmann</div>
+		<div class="tagline">Physicist | Product Development Engineer</div>
+		<!-- Find your icons from here - https://fontawesome.com/icons?d=gallery&s=brands -->
+		<div class="icons-social">
+      <a target="_blank" href="https://www.linkedin.com/in/jens-mohrmann/">
+        <i class="fab fa-linkedin" aria-hidden="true" title="LinkedIn"></i>
+        <span class="sr-only">LinkedIn</span>
+      </a>
+			<a target="_blank" href="https://github.com/9x">
+        <i class="fab fa-github" aria-hidden="true" title="Github"></i>
+        <span class="sr-only">Github</span>
+      </a>
+      <!-- <a target="_blank" href="https://twitter.com/flexdinesh">
+        <i class="fab fa-twitter" aria-hidden="true" title="Twitter"></i>
+        <span class="sr-only">Twitter</span>
+      </a>
+      <a target="_blank" href="https://dev.to/flexdinesh">
+        <i class="fab fa-dev" aria-hidden="true" title="DEV Community"></i>
+        <span class="sr-only">DEV Community</span>
+      </a>
+      <a target="_blank" href="https://stackoverflow.com/story/flexdinesh">
+        <i class="fab fa-stack-overflow" aria-hidden="true" title="StackOverflow"></i>
+        <span class="sr-only">StackOverflow</span>
+      </a> -->
+      <!-- <a target="_blank" href="https://medium.com/@flexdinesh">
+        <i class="fab fa-medium" aria-hidden="true" title="Medium"></i>
+        <span class="sr-only">Medium</span>
+      </a> -->
+      <!-- <a target="_blank" href="https://www.freecodecamp.org">
+        <i class="fab fa-free-code-camp" aria-hidden="true" title="FreeCodeCamp"></i>
+        <span class="sr-only">FreeCodeCamp</span>
+      </a> -->
+      <!-- <a target="_blank" href="https://www.behance.net">
+        <i class="fab fa-behance" aria-hidden="true" title="Behance"></i>
+        <span class="sr-only">Behance</span>
+      </a> -->
+      <!-- <a target="_blank" href="https://codepen.io">
+        <i class="fab fa-codepen" aria-hidden="true" title="CodePen"></i>
+        <span class="sr-only">CodePen</span>
+      </a> -->
+      <a target="_blank" href="https://www.facebook.com/jens.mohrmann">
+        <i class="fab fa-facebook" aria-hidden="true" title="facebook"></i>
+        <span class="sr-only">facebook</span>
+      </a>
+      <a target="_blank" href="https://www.instagram.com/jens.mohrmann/">
+        <i class="fab fa-instagram" aria-hidden="true" title="instagram"></i>
+        <span class="sr-only">instagram</span>
+      </a>
+      <a target="_blank" href="https://www.youtube.com/channel/UC_GQKt9lWQGibuskX1bpc-w">
+        <i class="fab fa-youtube" aria-hidden="true" title="YouTube"></i>
+        <span class="sr-only">YouTube</span>
+      </a>
+    </div>
+	</main>
+</body>
+</html>

minimalMistakes_bak/index.html

@@ -0,0 +1,4 @@
+---
+layout: home
+author_profile: true
+---