remove skills from about
This commit is contained in:
parent
4ceb2b8825
commit
62fbb6f8e7
|
|
@ -13,8 +13,6 @@
|
||||||
height: 100%;
|
height: 100%;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|
||||||
background-color: #707070;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
header {
|
header {
|
||||||
|
|
@ -80,48 +78,4 @@
|
||||||
h3 {
|
h3 {
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
// TODO - use grid for this (maybe keep this for fallback?)
|
|
||||||
.row {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.column {
|
|
||||||
flex: 0 0 100%;
|
|
||||||
|
|
||||||
@media (min-width: 500px) {
|
|
||||||
flex: 0 0 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
|
||||||
flex: 0 0 33%;
|
|
||||||
}
|
|
||||||
|
|
||||||
h3 {
|
|
||||||
margin-left: 1.5em;
|
|
||||||
margin-right: 1.5em;
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
li {
|
|
||||||
margin: 1rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
&.column-cms {
|
|
||||||
order: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.column-modern {
|
|
||||||
order: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.column-legacy {
|
|
||||||
order: 4;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -19,13 +19,13 @@ date: 2020-01-31T12:54:00Z
|
||||||
|
|
||||||
<ul>
|
<ul>
|
||||||
<li><p>I create <strong><a href="{{< baseurl >}}tags/bespoke">Bespoke Websites</a></strong> using the latest technologies.</p></li>
|
<li><p>I create <strong><a href="{{< baseurl >}}tags/bespoke">Bespoke Websites</a></strong> using the latest technologies.</p></li>
|
||||||
|
<li><p>I turn old, tired websites into <strong><a href="{{< baseurl >}}posts/leopold">Fresh and Modern</a></strong> sites.</p></li>
|
||||||
<li><p>I work with a number of <strong><a href="{{< baseurl >}}tags/cms">Content Management Systems</a></strong>, including <strong><a href="{{< baseurl >}}tags/wordpress">WordPress</a></strong>.</p></li>
|
<li><p>I work with a number of <strong><a href="{{< baseurl >}}tags/cms">Content Management Systems</a></strong>, including <strong><a href="{{< baseurl >}}tags/wordpress">WordPress</a></strong>.</p></li>
|
||||||
<li><p>I develop custom <strong>Themes</strong> and <strong>Plugins</strong>.</p></li>
|
<li><p>I develop custom <strong>Themes</strong> and <strong>Plugins</strong>.</p></li>
|
||||||
<li><p>I advise and develop <strong><a href="{{< baseurl >}}tags/ecommerce">eCommerce Solutions</a></strong> for your online business.</p></li>
|
<li><p>I advise and develop <strong><a href="{{< baseurl >}}tags/ecommerce">eCommerce Solutions</a></strong> for your online business.</p></li>
|
||||||
<li><p>I customise <strong><a href="{{< baseurl >}}tags/woocommerce">WooCommerce</a></strong> to fit specific business needs.</p></li>
|
<li><p>I customise <strong><a href="{{< baseurl >}}tags/woocommerce">WooCommerce</a></strong> to fit specific business needs.</p></li>
|
||||||
<li><p>I integrate <strong>Social Media</strong> accounts with websites.</p></li>
|
<li><p>I integrate <strong>Social Media</strong> accounts with websites.</p></li>
|
||||||
<li><p>I <strong>Manage</strong> websites, taking care of <strong>Backups</strong>, <strong>Updates</strong> and other essential tasks.</p></li>
|
<li><p>I <strong>Manage</strong> websites, taking care of <strong>Backups</strong>, <strong>Updates</strong> and other essential tasks.</p></li>
|
||||||
<li><p>I turn old, tired websites into <strong><a href="{{< baseurl >}}posts/leopold">Fresh and Modern</a></strong> sites.</p></li>
|
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<h2>All Of My Work Is</h2>
|
<h2>All Of My Work Is</h2>
|
||||||
|
|
@ -39,55 +39,6 @@ date: 2020-01-31T12:54:00Z
|
||||||
<li><p>Built with <strong>Semantic</strong>, <strong>Clean</strong>, <strong>Maintainable</strong> code.</p></li>
|
<li><p>Built with <strong>Semantic</strong>, <strong>Clean</strong>, <strong>Maintainable</strong> code.</p></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<h2>I Enjoy Working With</h2>
|
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
<div class="column">
|
|
||||||
<h3>Core Web Technologies</h3>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li><p>HTML</p></li>
|
|
||||||
<li><p>CSS</p></li>
|
|
||||||
<li><p>JavaScript</p></li>
|
|
||||||
<li><p>PHP</p></li>
|
|
||||||
<li><p>SVG</p></li>
|
|
||||||
<li><p>WebGL</p></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="column column-cms">
|
|
||||||
<h3>Content Management Systems</h3>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li><p><a href="{{< baseurl >}}tags/october-cms/">OctoberCMS</a></p></li>
|
|
||||||
<li><p><a href="{{< baseurl >}}tags/wordpress">WordPress</a></p></li>
|
|
||||||
<li><p>Hugo</p></li>
|
|
||||||
<li><p>Gatsby</p></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="column column-modern">
|
|
||||||
<h3>Modern Frameworks and Libraries</h3>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li><p><a href="{{< baseurl >}}tags/vue">Vue.js</a></p></li>
|
|
||||||
<li><p>React.js</p></li>
|
|
||||||
<li><p>Anime.js</p></li>
|
|
||||||
<li><p>GSAP</p></li>
|
|
||||||
<li><p>Tailwind</p></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="column column-legacy">
|
|
||||||
<h3>Legacy and Other Web Technologies</h3>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li><p>jQuery</p></li>
|
|
||||||
<li><p>Bootstrap</p></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
var introEl = document.getElementById('js-intro');
|
var introEl = document.getElementById('js-intro');
|
||||||
var headerEl = document.querySelector('section > article > header');
|
var headerEl = document.querySelector('section > article > header');
|
||||||
|
|
|
||||||
Reference in New Issue