Staging (#247)

* setting up reproducable dev w/ rbenv * upgrade jekyll; nicer carousel styles
DIYbiosphere · May 15, 2019 · 765fc0f · 765fc0f
1 parent 7f22923
commit 765fc0f
Show file tree

Hide file tree

Showing 8 changed files with 47 additions and 21 deletions.
diff --git a/.ruby-version b/.ruby-version
@@ -0,0 +1 @@
+2.6.2
diff --git a/Gemfile b/Gemfile
@@ -1,5 +1,5 @@
 source 'https://rubygems.org'
-gem 'jekyll', '~> 3.6'
+gem 'jekyll', '~> 3.8.5'
 gem 'jemoji'
 gem 'uglifier'
 gem 'html-proofer'

diff --git a/...ions GbR/Lederer-Stark Innovations GbR.md → ...ions-GbR/Lederer-Stark Innovations GbR.md b/...ions GbR/Lederer-Stark Innovations GbR.md → ...ions-GbR/Lederer-Stark Innovations GbR.md
diff --git a/.../Lederer-Stark Innovations GbR/header.jpg → .../Lederer-Stark-Innovations-GbR/header.jpg b/.../Lederer-Stark Innovations GbR/header.jpg → .../Lederer-Stark-Innovations-GbR/header.jpg
diff --git a/_startups/feles/Feles.md b/_startups/feles/Feles.md
@@ -13,7 +13,9 @@ promotions:
     URL: https://www.kickstarter.com/projects/feles/feles-one-for-bio-imagineering?ref=ar5i3v
     color: '#FFFACD'
     end-date: 2019-06-06
-    image: https://sphere.diybio.org/startups/FelesBio/FelesOne_sq.jpg
+    image: /startups/feles/FelesOne_sq.jpg
+    primary-color: black
+    accent-color: black
 tags:
   - Hardware
   - Biotechnology
@@ -24,11 +26,11 @@ With a mission to make essential tool sets for everyone to discover and invent w
 https://www.kickstarter.com/projects/feles/1727772716?ref=ar5i3v
 
 ## Version 1
-![look at it](https://sphere.diybio.org/startups/FelesBio/FelesOne_0.png "View of Feles One")
-![look at it](https://sphere.diybio.org/startups/FelesBio/FelesOne_1.jpg "View of Feles One")
-![look at it](https://sphere.diybio.org/startups/FelesBio/FelesOne_2.jpg "View of Feles One")
-![look at it](https://sphere.diybio.org/startups/FelesBio/FelesOne_3.jpg "View of Feles One")
-![look at it](https://sphere.diybio.org/startups/FelesBio/FelesOne_4.jpg "View of Feles One")
-![look at it](https://sphere.diybio.org/startups/FelesBio/FelesOne_5.jpg "View of Feles One")
-![look at it](https://sphere.diybio.org/startups/FelesBio/FelesOne_6.jpg "View of Feles One")
-![look at it](https://sphere.diybio.org/startups/FelesBio/FelesOne_7.jpg "View of Feles One")
+![look at it](https://sphere.diybio.org/startups/feles/FelesOne_0.png "View of Feles One")
+![look at it](https://sphere.diybio.org/startups/feles/FelesOne_1.jpg "View of Feles One")
+![look at it](https://sphere.diybio.org/startups/feles/FelesOne_2.jpg "View of Feles One")
+![look at it](https://sphere.diybio.org/startups/feles/FelesOne_3.jpg "View of Feles One")
+![look at it](https://sphere.diybio.org/startups/feles/FelesOne_4.jpg "View of Feles One")
+![look at it](https://sphere.diybio.org/startups/feles/FelesOne_5.jpg "View of Feles One")
+![look at it](https://sphere.diybio.org/startups/feles/FelesOne_6.jpg "View of Feles One")
+![look at it](https://sphere.diybio.org/startups/feles/FelesOne_7.jpg "View of Feles One")
diff --git a/assets/css/base.scss b/assets/css/base.scss
@@ -180,3 +180,24 @@ video {
 .active-menu {
   color: #0078FE !important;
 }
+
+// .owl-carousel .promotion h1, .owl-carousel .promotion h3,  {
+//     text-shadow: rgba(65, 65, 65, 0.87) 3px 2px;
+// }
+// .owl-carousel .promotion h3  {
+//   text-shadow: rgba(65, 65, 65, 0.87) 2px 2px;
+// }
+
+.owl-carousel .ui.header {
+  text-shadow: rgba(65, 65, 65, 0.87) 1px 1px;
+}
+
+.owl-carousel .ui.header.black {
+  text-shadow: rgba(174, 174, 174, 0.54) 2px 2px;
+}
+
+.owl-carousel .ui.header.big {
+  text-shadow: rgba(65, 65, 65, 0.87) 3px 2px;
+}
+
+.owl-carousel .image {height: 400px;}
diff --git a/assets/js/carousel.js b/assets/js/carousel.js
@@ -8,6 +8,8 @@ $('.owl-carousel').owlCarousel({
     dots:false,
     autoplay:true,
     autoplayHoverPause: true,
+    smartSpeed: 300,
+    autoplayTimeout: 7000,
     responsive:{
         0:{
             items:1,

diff --git a/index.html b/index.html
@@ -10,12 +10,12 @@
       <div class="content">
         <div class="center">
           <div class="ui basic fluid blurring segment">
-          <h1 class="ui header"><div class="ui big inverted header">DIYbiosphere</div></h1>
-          <div class="ui large inverted header">An open source project to connect DIYbio initiatives worlwide. <br> Search, browse, update, or add an initiative!</div>
-          <div class="ui medium inverted header">
+          <h1 class="ui header"><div class="ui big inverted header black">DIYbiosphere</div></h1>
+          <div class="ui header black">An open source project to connect DIYbio initiatives worlwide. Search, browse, update, or add an initiative!</div>
+          <div class="ui header black">
             To contribute all you need is a <a href="https://www.google.ch/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&ved=0ahUKEwig3Zb8wMTVAhUPmbQKHU31DbwQFggoMAA&url=https%3A%2F%2Fgithub.com%2Fjoin&usg=AFQjCNF6nezHQWX1hKwEFQVYRrUheS9_Ig">GitHub account!</a>
           </div>
-          <a href="/projects/diybiosphere/"><button class="ui inverted big button">LEARN MORE</button></a>
+          <a href="/projects/diybiosphere/"><button class="ui green big button">LEARN MORE</button></a>
           </div>
         </div>
       </div>
@@ -35,10 +35,10 @@ <h1 class="ui header"><div class="ui big inverted header">DIYbiosphere</div></h1
                <div class="center">
                  <div class="ui basic blurring segment">
                    <a href="{{ entry.url }}">
-                     <h1 class="ui header">
-                       <div class="ui big inverted header">
-                         <span>{{ entry.title }}</span>
-                         <div class="sub big header" style="font-weight: bold;">
+                     <div class="ui header promotion">
+                       <div class="ui inverted header">
+                         <h1 class="ui big inverted header">{{ entry.title }}</h1>
+                         <h3 class="ui medium inverted header">
                            {{entry.collection | capitalize | append: '%' | remove: 's%' }}
                              {% if entry.hostsExist %}
                               {% if entry.project %}
@@ -58,11 +58,11 @@ <h1 class="ui header">
                              {% if entry.country %}
                               {{entry.country}}
                              {% endif %}
-                         </div>
+                         </h3>
                        </div>
-                     </h1>
+                      </div>
                    </a>
-                   <div class="ui big inverted header">{{promotion.text | markdownify }}</div>
+                   <h3 class="ui big inverted header">{{promotion.text | markdownify | replace: '<p>', '' | replace: '</p>', ''}}</h3>
                    <a href="{{ promotion.URL }}"><button class="ui large blue button">{{promotion.button | markdownify }}</button></a>
                 </div>
                </div>