Switch away from project columnns.

This commit is contained in:
Danila Fedorin 2020-09-01 14:30:45 -07:00
parent db30141c08
commit a24768990b
2 changed files with 18 additions and 9 deletions

View File

@ -37,41 +37,47 @@
<h1>Skills</h1> <h1>Skills</h1>
<div class="section-content"> <div class="section-content">
<em class="italic">Programming Languages:</em> C, C++, Haskell, Kotlin, Java, Python, JavaScript, Haxe<br> <em class="italic">Programming Languages:</em> C, C++, Haskell, Elm, Crystal, Kotlin, Java, Python, JavaScript, Haxe<br>
<em class="italic">Languages:</em> English (native), Russian (native), French (conversational, DELF B1 certification) <br> <em class="italic">Languages:</em> English (native), Russian (native), French (conversational, DELF B1 certification) <br>
<em class="italic">Operating Systems:</em> MacOS, Linux<br>
<em class="italic">Additional Skills:</em> Compiler design, formal verification, algorithms, low-level development.<br> <em class="italic">Additional Skills:</em> Compiler design, formal verification, algorithms, low-level development.<br>
</div> </div>
</section> </section>
<section> <section>
<h1>Projects</h1> <h1>Projects</h1>
<div class="horizontal-list section-content"> <div class="section-content">
<div class="project-container"> <div class="project-container">
<a class="project-link" href="https://github.com/DanilaFe/abcs"> <a class="project-link" href="https://github.com/DanilaFe/abcs">
<h2>abcs</h2> <h2>abcs</h2>
<i data-feather="link" class="project-link-icon"></i> <i data-feather="link" class="project-link-icon"></i>
</a> </a> &mdash;
Calculator program with a complete embedded programming language. Calculator program with a complete embedded programming language.
</div> </div>
<div class="project-container">
<a class="project-link" href="https://dev.danilafe.com/Web-Projects/blog-static/src/branch/master/code/compiler">
<h2>bloglang</h2>
<i data-feather="link" class="project-link-icon"></i>
</a> &mdash;
Compiler for a purely functional, lazily evaluated language explained in-depth on my blog.
</div>
<div class="project-container"> <div class="project-container">
<a class="project-link" href="https://github.com/DanilaFe/chalk"> <a class="project-link" href="https://github.com/DanilaFe/chalk">
<h2>chalk</h2> <h2>chalk</h2>
<i data-feather="link" class="project-link-icon"></i> <i data-feather="link" class="project-link-icon"></i>
</a> </a> &mdash;
Compiler from a small imperative language into CHIP-8 bytecode. Compiler from a small imperative language into CHIP-8 bytecode.
</div> </div>
<div class="project-container"> <div class="project-container">
<a class="project-link" href="https://github.com/DanilaFe/pegasus"> <a class="project-link" href="https://github.com/DanilaFe/pegasus">
<h2>pegasus</h2> <h2>pegasus</h2>
<i data-feather="link" class="project-link-icon"></i> <i data-feather="link" class="project-link-icon"></i>
</a> </a> &mdash;
LALR parser generator currently supporting the C and Crystal languages. LALR parser generator currently supporting the C and Crystal languages.
</div> </div>
<div class="project-container"> <div class="project-container">
<a class="project-link" href="https://github.com/DanilaFe/Scylla"> <a class="project-link" href="https://github.com/DanilaFe/Scylla">
<h2>scylla</h2> <h2>scylla</h2>
<i data-feather="link" class="project-link-icon"></i> <i data-feather="link" class="project-link-icon"></i>
</a> </a> &mdash;
Elm-based purely functional front end for the Matrix chat protocol. Elm-based purely functional front end for the Matrix chat protocol.
</div> </div>
</div> </div>

View File

@ -40,6 +40,7 @@ body {
header { header {
text-align: center; text-align: center;
margin: auto; margin: auto;
margin-top: 25px;
margin-bottom: 10px; margin-bottom: 10px;
} }
@ -121,12 +122,14 @@ a.project-link {
color: $color-text; color: $color-text;
border: none; border: none;
font-weight: bold; font-weight: bold;
display: flex; display: inline-flex;
align-items: center; align-items: center;
} }
svg.project-link-icon { svg.project-link-icon {
height: 1em; height: 0.9em;
width: 0.9em;
margin-left: 0.25em;
} }
main { main {