Skip to content

Commit

Permalink
chore(*): test list view for projects [#29]
Browse files Browse the repository at this point in the history
  • Loading branch information
johnsBeharry committed Apr 29, 2018
1 parent b76250b commit f33ae99
Show file tree
Hide file tree
Showing 12 changed files with 109 additions and 88 deletions.
5 changes: 4 additions & 1 deletion about.html
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,10 @@
<aside id="mainSide" class="column">
<div class="padded">
<div id="logo"><a href="/"><img src="/assets/i/logo.svg"></a></div>
<h2 id="portfolioLinks">We craft digital products built on <a href="/mindsky">web</a>, <a href="/lemariku">mobile</a> &amp; blockchain.</h2>
<h2 id="portfolioLinks">
We craft digital products built on <a href="/mindsky">web</a>, <a href="/lemariku">mobile</a> &amp; <a href="/zed">blockchain</a>.
<br><br>Learn more <a href="/about">about us</a>.
</h2>

<div class="contact-footer typeface-colour-secondary">
<hr>
Expand Down
Binary file added assets/content/lemariku/header-details.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/content/mindsky/header-bg-light.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/content/mindsky/header-bg.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/content/mindsky/header-details-full.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/content/mindsky/header-details.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 2 additions & 1 deletion assets/css/master.css
Original file line number Diff line number Diff line change
Expand Up @@ -201,7 +201,8 @@ section {
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1; }
opacity: 1;
display: block; }
section figure img {
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
Expand Down
1 change: 1 addition & 0 deletions assets/sass/master.scss
Original file line number Diff line number Diff line change
Expand Up @@ -203,6 +203,7 @@ section {
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
display: block;
}
}
img {
Expand Down
140 changes: 71 additions & 69 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,41 +1,63 @@
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en" class="no-js"><!--<![endif]-->
<!--[if lt IE 7 ]>
<html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>
<html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>
<html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>
<html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en" class="no-js"><!--<![endif]-->
<head>
<meta charset="utf-8">
<meta charset="utf-8">

<!--[if IE]><![endif]-->
<!--[if IE]><![endif]-->

<meta http-equiv="Expires" CONTENT="Tue, 01 Jan 2013 00:00:01 GMT">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta http-equiv="imagetoolbar" content="no">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="Expires" CONTENT="Tue, 01 Jan 2013 00:00:01 GMT">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta http-equiv="imagetoolbar" content="no">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">

<!-- META: seo -->
<!-- META: seo -->

<title>Peak Shift Ltd.</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Peak Shift Inc.">
<meta name="company" content="Peak Shift">
<meta name="copyright" content="Copyright (c) 2012 Peak Shift Inc.">
<meta name="revisit-after" content="3 days">
<title>Peak Shift Ltd.</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Peak Shift Inc.">
<meta name="company" content="Peak Shift">
<meta name="copyright" content="Copyright (c) 2012 Peak Shift Inc.">
<meta name="revisit-after" content="3 days">

<!-- The Styles -->
<link href="assets/css/master.css?v=0004" rel="stylesheet" type="text/css">
<meta property="og:url" content="" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Thoughts: Peak Shift Ltd." />
<meta property="og:image" content="" />
<meta property="og:site_name" content="Peak Shift Ltd." />
<meta property="og:description" content="" />

<meta name="twitter:card" content="photo" />
<meta name="twitter:site" content="@peakshift" />
<meta name="twitter:title" content="Thoughts: Peak Shift Ltd.">
<meta name="twitter:image" content="">
<meta name="twitter:image:width" content="1200" />
<meta name="twitter:image:height" content="630" />

<!-- The Styles -->
<link href="assets/css/master.css?v=0004" rel="stylesheet" type="text/css">

</head>
<body class="">

<div id="wrapper">
<aside id="mainSide" class="column">
<div class="padded">
<div class="padded">
<div id="logo"><a href="/"><img src="/assets/i/logo.svg"></a></div>
<h2 id="portfolioLinks">We craft digital products built on <a href="/mindsky">web</a>, <a href="/lemariku">mobile</a> &amp; blockchain.</h2>
<h2 id="portfolioLinks">
We craft digital products built on <a href="/mindsky">web</a>, <a href="/lemariku">mobile</a> &amp; <a href="/zed">blockchain</a>.
<br><br>Learn more <a href="/about">about us</a>.
</h2>

<div class="contact-footer typeface-colour-secondary">
<hr>
Expand All @@ -55,7 +77,8 @@ <h2 id="portfolioLinks">We craft digital products built on <a href="/mindsky">we
<ul class="heading-typeface">
<li><span class="typeface-colour-white"></span> PHONE: <a href="tel:+442032872811">+442032872811</a></li>
<li><span class="typeface-colour-white"></span> SKYPE: <a href="skype:peakshift?chat">peakshift</a></li>
<li><span class="typeface-colour-white"></span> EMAIL: <a href="mailto:[email protected]">[email protected]</a></li>
<li><span class="typeface-colour-white"></span> EMAIL: <a href="mailto:[email protected]">[email protected]</a>
</li>
</ul>
<p class="typeface-colour-secondary rs small">
<a href="//twitter.com/peakshift">
Expand All @@ -69,55 +92,34 @@ <h2 id="portfolioLinks">We craft digital products built on <a href="/mindsky">we
</a>
</p>
</div>
<p class="typeface-colour-secondary rs small"><small><em>All Rights Reserved. Copyright &copy; Peak Shift Ltd. 2018</em></small></p>
<p class="typeface-colour-secondary rs small">
<small><em>All Rights Reserved. Copyright &copy; Peak Shift Ltd. 2018</em></small>
</p>
</div>
</div>
</aside>

<section id="mainContent" class="column">
<figure style="background-image:url('/assets/content/mindsky-bg.png');" class="media--header active">
<div class="padded">
<img class="fill" src="/assets/content/mindsky-top.png?v=03">
</div>
<figure class="active" style="background-image:url('/assets/content/lemariku/lemariku-bg-2.png');">
<a href="/lemariku"><div class="padded"><img class="fill" src="/assets/content/lemariku/header-details.png?v=1"></div></a>
</figure>
<figure class="active" style="background-image:url('/assets/content/mindsky/header-bg-light.png'); background-color: #F6F6F6;">
<a href="/mindsky"><div class="padded"><img class="fill" src="/assets/content/mindsky/header-details.png?v=03"></div></a>
</figure>
<div class="contentArea padded clearfix">
<h3 class="projectTitle">MindSky</h3>
<div class="projectDetails column">
<p>MindSky is an online platform connecting current university students and graduates in Rwanda with employment opportunities.</p>

<p>Employers post their internships and job opportunities on the MindSky job board. MindSky members apply for openings directly on the platform using our professionally-formatted online profile builder as their application document. Hiring managers log in, view, and sort applications as they come in.</p>

<figure style="background-image:url('/assets/content/mindsky-bg.png');" class="media--stretched active">
<div class="padded">
<img class="fill" src="/assets/content/mindsky-top.png?v=03">
</div>
</figure>

<h4>Technologies Used</h4>
<ul>
<li>AWS Lambdas</li>
<li>AWS EC2</li>
<li>Docker</li>
<li>Terraform</li>
<li>Node.js</li>
<li>Vue.js</li>
<li>Vuex</li>
<li>GraphQL</li>
<li>MySQL</li>
<li>MongoDB</li>
</ul>
</div>
<ul class="projectMeta column">
<li><a href="https://www.mindsky.com/" target="_blank">Launch Project &rarr;</a></li>
<li>AkilahNet LLC.</li>
<li>2016 - 2018</li>
</ul>
</div>
</section>

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="/assets/js/history.js"></script>
<script src="/assets/js/router.js"></script>
<script src="/assets/js/scripts.js?v0001"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="/assets/js/history.js"></script>
<script src="/assets/js/router.js"></script>
<script src="/assets/js/scripts.js?v0001"></script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TPS5PB');</script>
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-TPS5PB"
height="0" width="0" style="display:none; visibility:hidden; "></iframe></noscript>
<!-- End Google Tag Manager -->
</body>
</html>
</html>
5 changes: 4 additions & 1 deletion journal.html
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,10 @@
<aside id="mainSide" class="column">
<div class="padded">
<div id="logo"><a href="/"><img src="/assets/i/logo.svg"></a></div>
<h2 id="portfolioLinks">We craft digital products built on <a href="/mindsky">web</a>, <a href="/lemariku">mobile</a> &amp; blockchain.</h2>
<h2 id="portfolioLinks">
We craft digital products built on <a href="/mindsky">web</a>, <a href="/lemariku">mobile</a> &amp; blockchain.
<br><br>Learn more <a href="/about">about us</a>.
</h2>

<div class="contact-footer typeface-colour-secondary">
<hr>
Expand Down
13 changes: 10 additions & 3 deletions lemariku.html
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,10 @@
<aside id="mainSide" class="column">
<div class="padded">
<div id="logo"><a href="/"><img src="/assets/i/logo.svg"></a></div>
<h2 id="portfolioLinks">We craft digital products built on <a href="/mindsky">web</a>, <a href="/lemariku">mobile</a> &amp; blockchain.</h2>
<h2 id="portfolioLinks">
We craft digital products built on <a href="/mindsky">web</a>, <a href="/lemariku">mobile</a> &amp; blockchain.
<br><br>Learn more <a href="/about">about us</a>.
</h2>

<div class="contact-footer typeface-colour-secondary">
<hr>
Expand Down Expand Up @@ -115,15 +118,19 @@ <h2 id="portfolioLinks">We craft digital products built on <a href="/mindsky">we

<section id="mainContent" class="column">
<figure class="active" style="background-image:url('/assets/content/lemariku/lemariku-bg-2.png');">
<div class="padded"><img class="fill" src="/assets/content/lemariku/lemariku-top.png?v=1"></div>
<a href="/lemariku"><div class="padded"><img class="fill" src="/assets/content/lemariku/header-details.png?v=1"></div></a>
</figure>
<div class="contentArea padded clearfix">
<h3 class="projectTitle">Lemariku</h3>
<h3 class="projectTitle articleTitle">Branding &amp; UI for a pre-loved fashion marketplace</h3>
<div class="projectDetails column">
<p>What do they do: Lemariku is an online platform that makes shopping of second-hand fashion easy and comfortable for Indonesians.</p>

<p>People can list items they want to sell on the platform, which is an online marketplace connecting buyers and sellers, allowing them to chat to each other and slect the ideal payment and delivery method for both parties.</p>

<figure class="active media--stretched" style="background-color: #FEF7F9">
<div class="padded"><img class="fill" src="/assets/content/lemariku/lemariku-top.png?v=1"></div>
</figure>

<p>The platform is specifically created and catered to the purchase behaviour to the indonesian consumer allowing for cash payments and utilising local delivery services like GO-Jek.</p>

<div class="column">
Expand Down
30 changes: 17 additions & 13 deletions mindsky.html
Original file line number Diff line number Diff line change
Expand Up @@ -72,8 +72,10 @@
<aside id="mainSide" class="column">
<div class="padded">
<div id="logo"><a href="/"><img src="/assets/i/logo.svg"></a></div>
<h2 id="portfolioLinks">We craft digital products built on <a href="/mindsky">web</a>, <a href="/lemariku">mobile</a>
&amp; blockchain.</h2>
<h2 id="portfolioLinks">
We craft digital products built on <a href="/mindsky">web</a>, <a href="/lemariku">mobile</a> &amp; blockchain.
<br><br>Learn more <a href="/about">about us</a>.
</h2>

<div class="contact-footer typeface-colour-secondary">
<hr>
Expand Down Expand Up @@ -116,30 +118,31 @@ <h2 id="portfolioLinks">We craft digital products built on <a href="/mindsky">we
</aside>

<section id="mainContent" class="column">
<figure class="active" style="background-image:url('/assets/content/mindsky-bg.png'); background-color: #F6F6F6;">
<div class="padded"><img class="fill" src="/assets/content/mindsky-top.png?v=03"></div>
<figure class="active" style="background-image:url('/assets/content/mindsky/header-bg-light.png'); background-color: #F6F6F6;">
<a href="/mindsky"><div class="padded"><img class="fill" src="/assets/content/mindsky/header-details-full.png?v=03"></div></a>
</figure>
<div class="contentArea padded clearfix">
<h3 class="projectTitle">MindSky</h3>
<h3 class="projectTitle articleTitle">Building an Employment Platform for East Africa</h3>
<div class="projectDetails column">
<p>MindSky is an online marketplace for connecting current university students and graduates in Rwanda with employment opportunities.</p>
<p>We worked closly with AkilahNet and Akilah Institute to develop this platform.</p>

<h4>Hire with MindSky</h4>
<p>Employers post their internships and job opportunities on the MindSky job board.</p>
<h4>1. Job Board &amp; Identity Platform</h4>
<p>MindSky members apply for openings directly on the platform using our professionally-formatted online profile builder as their application document.</p>
<figure style="background-color: #FCFCFC;" class="media--stretched active">
<div class="padded">
</div>
</figure>

<h4>Job Board &amp; Identity Platform</h4>
<p>MindSky members apply for openings directly on the platform using our professionally-formatted online profile builder as their application document.</p>
<h4>2. Hire with MindSky</h4>
<p>Employers post their internships and job opportunities on the MindSky job board.</p>
<figure style="background-color: #FCFCFC;" class="media--stretched active">
<div class="padded">
</div>
</figure>

<h4>Back Office</h4>
<p>Hiring managers log in, view, and sort applications as they come in.</p>
<h4>3. Back Office</h4>
<p>Hiring managers log in, view, and sort applications as they come in then pass them onto employers.</p>
<figure style="background-color: #FCFCFC;" class="media--stretched active">
<div class="padded">
<img class="fill" src="/assets/content/mindsky/backoffice.png?v=03">
Expand All @@ -166,19 +169,20 @@ <h4>Testimonials</h4>
<blockquote>
<p>The phenomenon postulating that an extreme type of a favored stimulant is desired more than the normal
type of said stimulant</p>
<cite>&mdash; Nugent, Pam M.S.</cite>
<cite>Nugent, Pam M.S.</cite>
</blockquote>

<blockquote>
<p>The phenomenon postulating that an extreme type of a favored stimulant is desired more than the normal
type of said stimulant</p>
<cite>&mdash; Nugent, Pam M.S.</cite>
<cite>Nugent, Pam M.S.</cite>
</blockquote>
</div>
</div>
<ul class="projectMeta column">
<li><a href="https://www.mindsky.com/" target="_blank">Launch Project &rarr;</a></li>
<li>AkilahNet LLC.</li>
<li>New York &amp; Rwanda</li>
<li>2016 - 2018</li>
</ul>
</div>
Expand Down

0 comments on commit f33ae99

Please sign in to comment.