HorlogeSkynet/blog
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Reworks about page and adds a "social" section

Browse Source
This commit is contained in:
Samuel FORESTIER
2017-11-14 11:18:01 -05:00
committed by Samuel FORESTIER
parent 4bccff9d4a
commit 2ac4f8493f
3 changed files with 52 additions and 12 deletions

36
about/index.html

@ -32,6 +32,7 @@ title: About
<div class="cd-timeline-content">
<h3>Joined <a href="https://www.multiwave.ch/">Multiwave</a></h3>
<p><em>Accelerating meta-material design</em></p>
<span class="cd-date">2017</span>
</div>
</div>
@ -43,6 +44,7 @@ title: About
<div class="cd-timeline-content">
<h3>Founded <a href="https://mysetup.co/">mySetup.co</a></h3>
<p><em>The best place to share your own setup !</em></p>
<span class="cd-date">2017</span>
</div>
</div>
@ -59,8 +61,8 @@ title: About
<ul>
<li><a href="https://github.com/HorlogeSkynet/ACMS" target="_blank" rel="noopener noreferrer">ACMS</a>: A Python shell, with VIM redirection &amp; VNC stuffs</li>
<li><a href="https://github.com/HorlogeSkynet/GINPA" target="_blank" rel="noopener noreferrer">GINPA</a>: C and Google Maps API ? It's possible !</li>
<li><a href="https://geek-mexicain.net/scheduler/" target="_blank" rel="noopener noreferrer">GMCalendar</a>: A simple events scheduler built with CakePHP</li>
<li><a href="https://github.com/dev-fsociety/CampCare" target="_blank" rel="noopener noreferrer">CampCare</a>: Second <a href="http://www.nuitdelinfo.com/">Nuit de l'Info</a> session</li>
<li><a href="https://geek-mexicain.net/scheduler/" target="_blank" rel="noopener noreferrer">GMCalendar</a>: An events scheduler built with CakePHP</li>
<li><a href="https://github.com/dev-fsociety/CampCare" target="_blank" rel="noopener noreferrer">CampCare</a>: Second <a href="https://nuitdelinfo.com/">Nuit de l'Info</a> session</li>
</ul>
<span class="cd-date">2016 - 2019</span>
</div>
@ -73,6 +75,7 @@ title: About
<div class="cd-timeline-content">
<h3>Joined <a href="https://iris-insa.com/">Iris INSA</a></h3>
<p><em>La Junior Création de l'INSA CVL</em></p>
<span class="cd-date">2015</span>
</div>
</div>
@ -84,6 +87,7 @@ title: About
<div class="cd-timeline-content">
<h3>Joined <a href="https://geek-mexicain.net/">Geek Mexicain</a></h3>
<p><em>L'actualité Geek pimentée</em></p>
<span class="cd-date">2015</span>
</div>
</div>
@ -98,11 +102,11 @@ title: About
<p><i class="ion-location"></i> Blois, France</p>
<p><i class="ion-code"></i> Projects :</p>
<ul>
<li><a href="https://github.com/HorlogeSkynet/SimpleConkyScript" target="_blank" rel="noopener noreferrer">SimpleConkyScript</a>: A new Conky script, built entirely in LUA</li>
<li><a href="https://github.com/HorlogeSkynet/MINDLE" target="_blank" rel="noopener noreferrer">MINDLE</a>: Deep learning basics discovering in Python / C++</li>
<li><a href="https://github.com/dev-fsociety/CrisisFlag" target="_blank" rel="noopener noreferrer">CrisisFlag</a>: First <a href="http://www.nuitdelinfo.com/">Nuit de l'Info</a> session, with CakePHP</li>
<li><a href="https://github.com/Uniwav" target="_blank" rel="noopener noreferrer">Uniwav</a>: First Arduino and Raspberry Pi interfacing</li>
<li><a href="https://github.com/thearcanum/WIFSS" target="_blank" rel="noopener noreferrer">WIFSS</a>: IPv6, DNS and TLS with C Socket API</li>
<li><a href="https://github.com/HorlogeSkynet/SimpleConkyScript" target="_blank" rel="noopener noreferrer">SimpleConkyScript</a>: New Conky script written in LUA</li>
<li><a href="https://github.com/HorlogeSkynet/MINDLE" target="_blank" rel="noopener noreferrer">MINDLE</a>: Deep learning discovering in Python and C++</li>
<li><a href="https://github.com/dev-fsociety/CrisisFlag" target="_blank" rel="noopener noreferrer">CrisisFlag</a>: First <a href="https://nuitdelinfo.com/">Nuit de l'Info</a> session with CakePHP</li>
<li><a href="https://github.com/Uniwav" target="_blank" rel="noopener noreferrer">Uniwav</a>: Arduino and Raspberry Pi interfacing</li>
<li><a href="https://github.com/thearcanum/WIFSS" target="_blank" rel="noopener noreferrer">WIFSS</a>: IPv6 and TLS with C Socket API</li>
</ul>
<span class="cd-date">2014 - 2016</span>
</div>
@ -118,10 +122,24 @@ title: About
<p><i class="ion-location"></i> Marseille, France</p>
<p><i class="ion-code"></i> Projects :</p>
<ul>
<li><a href="https://horlogeskynet.github.io/blog/articles/concours-iter-robots-2014" target="_blank" rel="noopener noreferrer">ITER Robots contest (2014)</a>: NxC and Mindstorms&reg;</li>
<li><a href="http://www.ose-tpe.sitew.fr/" target="_blank" rel="noopener noreferrer">Optimization System Environment</a>: Arduino prototype</li>
<li><a href="https://horlogeskynet.github.io/blog/articles/concours-iter-robots-2014" target="_blank" rel="noopener noreferrer">ITER Robots contest (2014)</a></li>
<li><a href="http://www.ose-tpe.sitew.fr/" target="_blank" rel="noopener noreferrer">Optimization System Environment</a></li>
</ul>
<span class="cd-date">2011 - 2014</span>
</div>
</div>
</section>
<section class="cd-container social">
<div>
<h2><i class="icon ion-at"></i> You can follow me on :</h2>
</div>
<div>
<ul>
<li><i class="icon ion-camera"></i> Ello : <a href="https://ello.co/horlogeskynet" target="_blank" rel="noopener noreferrer">@horlogeskynet</a></li>
<li><i class="icon ion-social-github"></i> GitHub : <a href="https://github.com/HorlogeSkynet" target="_blank" rel="noopener noreferrer">HorlogeSkynet</a></li>
<li><i class="icon ion-key"></i> Keybase : <a href="https://keybase.io/horlogeskynet" target="_blank" rel="noopener noreferrer">horlogeskynet</a>
<li><i class="icon ion-chatboxes"></i> Mastodon : <a href="https://mastodon.social/@HorlogeSkynet" target="_blank" rel="noopener noreferrer">HorlogeSkynet@mastodon.social</a></li>
</ul>
</div>
</section>

24
css/timeline.css

@ -15,6 +15,21 @@ html * {
}
}
.social p {
text-align: center;
}
.social ul {
color: #303e49;
text-align: left;
border-radius: 5px;
padding: 10px;
transition: .3s ease-in-out;
-webkit-transition: .3s ease-in-out;
}
.social ul:hover, .social ul:active {
box-shadow: 5px 5px 10px #545454;
}
.cd-container {
/* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
width: 90%;
@ -197,12 +212,19 @@ html * {
color: #303e49;
margin-top: inherit;
margin-bottom: inherit;
opacity: inherit;
}
.cd-timeline-content ul {
margin-left: 1em;
list-style-position: inside;
}
.cd-timeline-content ul li {
font-size: 90%;
margin-left: 15px;
}
.cd-timeline-content ul li::before {
content: "•";
padding-right: 3px;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
display: inline-block;
}

BIN
css/timeline.min.css (Stored with Git LFS) vendored

Binary file not shown.