twitter timeline

randychilau · Jan 14, 2019 · ca79ec4 · ca79ec4
1 parent 4d4dd11
commit ca79ec4
Show file tree

Hide file tree

Showing 6 changed files with 70 additions and 22 deletions.
diff --git a/Makefile b/Makefile
@@ -0,0 +1,2 @@
+docker:
+	docker run --rm -p 4000:4000 -v `pwd`:"/srv/jekyll" jekyll/jekyll:3.7.3 bash -c "bundle install; jekyll serve"
diff --git a/_config.yml b/_config.yml
@@ -2,8 +2,7 @@ title: Layer 5
 name: Lee Calcote
 email: [email protected]
 name:  Layer5.io
-description: A community-curated collection.
-
+description: A community-curated collection of service meshes.
 baseurl: ""
 url: "https://layer5.io"
 

diff --git a/_includes/contact.html b/_includes/contact.html
@@ -76,7 +76,7 @@
         <div style="position: absolute; left: -5000px;" aria-hidden="true">
           <input type="text" name="b_6b50be5aea3dfe1fd4c041d80_6bb65defeb" tabindex="-1" value=""></div>
         <div align="center" onclick="document.getElementById('mc-embedded-subscribe-form').submit();" id="mc_embed_signup" class="clear">
-          <input style="width:40%; text-align:center;" type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="waves-effect waves-dark btn white-text darken-2 l5-light-blue z-depth-4" ></div>
+          <input style="width:40%; text-align:center; padding: 0;" type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="waves-effect waves-dark btn white-text darken-2 l5-light-blue z-depth-4" ></div>
       </div>
     </div>
     </form>

diff --git a/_includes/ecosystem.html b/_includes/ecosystem.html
@@ -0,0 +1,60 @@
+<!-- 
+<div class="container" style="display:block;overflow:auto;clear:both;">  
+    <div class="row" style="float:left;position:relative;">
+      <h5 style="text-align:center;color:aliceblue;font-size:1.25em;">Characterizing and contrasting service meshes and related technologies.</h5>
+  
+        <div class="col s10" style="text-align:center;">
+          <div id="landscape" class="card-content" style="position:relative;float:center;">        
+              <h5 style="text-align:center;color:aliceblue;">
+                <a style="font-size:.7em;padding-bottom:40px;padding-top:10px;" class="waves-effect waves-dark btn white-text darken-2 l5-light-blue z-depth-4"
+                href="/landscape">Service Mesh Landscape</a> </h5></div>
+          <div style="position:relative;float:center;" >
+            <h5 style="text-align:center;color:aliceblue;">
+                <a style="font-size:.7em;padding-bottom:40px;padding-top:10px;" class="waves-effect waves-dark btn white-text darken-2 l5-light-blue z-depth-4"
+                href="https://github.com/layer5io/meshery">Meshery Playground</a> </h5>
+          </div>
+        </div>
+  
+    <div style="float:left;position:relative;" class="row" >    
+      <a class="twitter-timeline" data-width="220" data-height="500px" 
+      data-theme="dark" data-link-color="#62ACCD" href="https://twitter.com/layer5?ref_src=twsrc%5Etfw">Tweets by layer5</a> 
+      <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+    </div>
+  </div>
+  </div>
+ -->
+<div class="row" >
+
+  <div class="col s12 m6 " style="display: flex; height: 500px; flex-direction: column;padding-right:40px;">
+    <!-- Landscape -->
+    <div style="flex-grow: .25;"></div>
+
+
+        <div id="landscape" class="card-content" style="position:relative;float:center;">        
+            <h5 style="text-align:center;color:aliceblue;">
+              <a style="font-size:.7em;padding-bottom:40px;padding-top:10px;" class="waves-effect waves-dark btn white-text darken-2 l5-light-blue z-depth-4"
+              href="/landscape">Service Mesh Landscape</a> </h5>
+        </div>
+        <h5 style="text-align:center;color:aliceblue;font-size:1.25em;">
+            The service mesh landscape characterizes and contrasts service meshes and related technologies.</h5>
+    <!-- Meshery -->
+    <div style="flex-grow: .25;"></div>
+
+      <div id="meshery" class="card-content" style="position:relative;float:center;vertical-align: bottom;" >
+        <h5 style="text-align:center;color:aliceblue;">
+            <a style="font-size:.7em;padding-bottom:40px;padding-top:10px;" class="waves-effect waves-dark btn white-text darken-2 l5-light-blue z-depth-4"
+            href="https://github.com/layer5io/meshery">Meshery Playground</a> </h5>
+      </div>
+      <h5 style="text-align:center;color:aliceblue;font-size:1.25em;">
+          Meshery is a playground for testing performance and experimenting with functionality of various service meshes.</h5>    
+  </div>
+
+  <div class="col s12 m6" style="padding-left:40px;">
+      <div id="meshery" class="card-content" style="position:relative;float:center;" >
+
+        <a class="twitter-timeline" data-width="420" data-height="500px" 
+      data-theme="light" data-link-color="#62ACCD" href="https://twitter.com/layer5?ref_src=twsrc%5Etfw">Tweets by layer5</a> 
+      <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+      </div>
+  </div>
+</div>
diff --git a/_includes/service-meshes.html b/_includes/service-meshes.html
@@ -94,7 +94,7 @@
       </div>
     </div>
 
-<div class="row">
+<div class="row card-content">
   <div class="col s12"><h5 style="color:aliceblue;">Non-Functional</h5>    
     <iframe border="0" width="100%" height="660px" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vS_rsfCriaUg3WWzfO5CGMizD-MIUF6GM46ZNGy-jxSYz1dIH6plLQBy7R0S3IE_9sqyhUN8sgYZBZ6/pubhtml?gid=0&amp;single=true&amp;widget=true&amp;headers=false"></iframe>
     <span style="color:aliceblue;">Found a discrepancy, missing or out-dated information? Please <a href="https://docs.google.com/spreadsheets/d/1U4aVahptdQaaxAhLt5kqMEx7FX5_wxfl3ZPj8r9S0AI/edit?usp=sharing" style="color:aliceblue;">submit a comment</a>.</span>

diff --git a/_layouts/home.html b/_layouts/home.html
@@ -20,24 +20,11 @@
   </div>
 </div>
 
-<h3 style="text-align:center;color:aliceblue;">Ecosystem</h3>
-<h5 style="text-align:center;color:aliceblue;font-size:1.25em;">Characterizing and contrasting service meshes and related technologies.</h5>
-<!-- <p style="color:#555555;line-height:1em;font-size:1.em;text-align:center;" class="center-on-small-only text-lighten-2"><i>Characterizing and contrasting service meshes and related technologies.</i></p> -->
-
-
-<div style="display:block;overflow:auto;clear:both;float:center;">
-    <div class="card-content" style="text-align:center;display:block;overflow: auto; clear:both;">
-      <div id="landscape" class="row" style="position:relative;float:center;">        
-          <h5 style="text-align:center;color:aliceblue;">
-            <a style="font-size:.7em;padding-bottom:40px;padding-top:10px;" class="waves-effect waves-dark btn white-text darken-2 l5-light-blue z-depth-4"
-            href="/landscape">Service Mesh Landscape</a> </h5></div>
-      <div class="row" style="position:relative;float:center;" >
-        <h5 style="text-align:center;color:aliceblue;">
-            <a style="font-size:.7em;padding-bottom:40px;padding-top:10px;" class="waves-effect waves-dark btn white-text darken-2 l5-light-blue z-depth-4"
-            href="https://github.com/layer5io/meshery">Meshery Playground</a> </h5>
-      </div>
-    </div>
-
+<div class="container" style="padding:20px;">
+  <div id="workshop" class="section scrollspy">
+    <h3 style="text-align:center;color:aliceblue;">Ecosystem</h3>
+    {% include ecosystem.html %}
+  </div>
 </div>
 
 <div class="container no-pad-top" >
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		docker:
		docker run --rm -p 4000:4000 -v `pwd`:"/srv/jekyll" jekyll/jekyll:3.7.3 bash -c "bundle install; jekyll serve"