From 73f6279f2fbd4a5d6bca51898966416a815f44d8 Mon Sep 17 00:00:00 2001 From: Lorin Werthen Date: Tue, 26 Jul 2016 22:48:59 +0200 Subject: [PATCH] prototypal project cards --- content/assets/stylesheets/main.scss | 30 ++++++++++++++++++++++++++++ content/projects.erb | 15 ++++++++++++++ layouts/generic.erb | 4 ++-- layouts/partials/_navbar.erb | 7 +++++-- 4 files changed, 52 insertions(+), 4 deletions(-) create mode 100644 content/projects.erb diff --git a/content/assets/stylesheets/main.scss b/content/assets/stylesheets/main.scss index 2e1bb5e..349409c 100644 --- a/content/assets/stylesheets/main.scss +++ b/content/assets/stylesheets/main.scss @@ -214,3 +214,33 @@ a, a:hover, a:visited, a:link, a:active { width: 100%; bottom: 0; } + + +.project-card { + background-color: #2D5CB4; + color: white; + height: 300px; + + margin-top: 5px; + margin-bottom: 5px; + + display: flex; + justify-content: space-between; + + .project-title { + background: #1e3c72; /* fallback for old browsers */ + background: -webkit-linear-gradient(to left, #1e3c72 , #2a5298); /* Chrome 10-25, Safari 5.1-6 */ + background: linear-gradient(to left, #1e3c72 , #2a5298); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ + + font-size: 4em; + padding: 20px; + flex-grow: 1; + } + + .project-description { + background-color: #1e3c72; + text-align: right; + padding: 20px; + width: 700px; + } +} diff --git a/content/projects.erb b/content/projects.erb new file mode 100644 index 0000000..384140d --- /dev/null +++ b/content/projects.erb @@ -0,0 +1,15 @@ +<% 5.times do %> +
+
+ Hydra +
+
+

+ Dit is een heel cool project enal +

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus facere, ut in magnam harum at, aliquam nostrum totam tempore distinctio explicabo natus quis pariatur quos maiores dignissimos inventore! Ad amet harum ipsum laudantium modi ipsa dolores, omnis impedit nostrum expedita sed molestias similique veritatis, quo explicabo odit minus cum quibusdam accusamus beatae quam vitae cumque ipsam eius. Alias ipsam blanditiis deleniti nam magni veritatis, quas quae. Quam quia at tempora repellat optio aliquam, quasi deserunt esse distinctio voluptate harum hic sed vel blanditiis nam modi fuga, totam neque vero! Sunt, ipsum sit! Libero quam temporibus deserunt, quo itaque perspiciatis earum. +

+
+
+<% end %> diff --git a/layouts/generic.erb b/layouts/generic.erb index ac45ae9..139d202 100644 --- a/layouts/generic.erb +++ b/layouts/generic.erb @@ -1,6 +1,6 @@
-
-