Feature/fixed point (#18)

* Add draft blogpost * Add new blogpost draft * Add Minecraft paragraph * Change name * Change image-header * Add gifs * Little change * Add section
Eclectic-Sheep · Oct 16, 2023 · 8ad82cf · 8ad82cf
1 parent b46837f
commit 8ad82cf
Show file tree

Hide file tree

Showing 28 changed files with 771 additions and 368 deletions.
diff --git a/_config.yml b/_config.yml
@@ -2,34 +2,33 @@
 markdown: kramdown
 highlighter: rouge
 paginate: 3 # it will paginate after this number
-language: 'en-uk'
+language: "en-uk"
 words_per_minute: 200
 
 # edit baseurl to simply '/' if using as your personal page (instead of a project page)
-baseurl: ''
+baseurl: ""
 
 # Website info
 title: EclecticSheep
 description: Distributed Reinforcement Learning
 cover: assets/images/blog-cover.png
-logo: assets/images/sheep_logo-removebg.png
-logo_dark: assets/images/sheep_logo-removebg.png
-favicon: assets/images/sheep_logo.png
+logo: assets/images/sheep_tondo.svg
+logo_dark: assets/images/sheep_tondo.svg
+favicon: assets/images/sheep_tondo.svg
 CNAME: #add cname for website to be created
 
 # Social info
 navigation: True # show the navbar links
 subscribers: True # you need to connect an external service for this to work,
 # if 'True' the submit button is disabled for now, but you can change that
 # by editing `_includes/subscribe-form.html`
-twitter:  # replace by your username
-facebook:  # replace by your username
+twitter: # replace by your username
+facebook: # replace by your username
 github: eclectic-sheep # replace by your username
 
 # Disqus
 disqus: False
 
-
 # Google Analytics
 google_analytics: # replace with your GA tracking identifier
 
@@ -73,8 +72,8 @@ repo: eclectic-sheep.github.io
 branch: main
 relative_source: ../eclectic-sheep/
 destination: ../eclectic-sheep-pages/
-production_url:  https://eclectic-sheep.github.io/
-source_url:  https://github.com/Eclectic-Sheep/eclectic-sheep.github.io
+production_url: https://eclectic-sheep.github.io/
+source_url: https://github.com/Eclectic-Sheep/eclectic-sheep.github.io
 
 exclude:
   - assets/css

diff --git a/_includes/introduction.html b/_includes/introduction.html
@@ -57,7 +57,7 @@ <h2 class="custom">Train and deploy Reinforcement Learning agents faster with Sh
                                     </span>
                                 </span>
                             </code>
-                            
+
                             <code data-index="2">
                                 <span class="token-wrapper">
                                     <span class="token">
@@ -167,7 +167,7 @@ <h2 class="custom" style="margin-top: 20px;">Visualize your trained agent behavi
                                     </span>
                                 </span>
                             </code>
-                            
+
                             <code data-index="5">
                                 <span class="token-wrapper">
                                     <span class="token">
@@ -209,4 +209,22 @@ <h2 class="custom" style="margin-top: 20px;">Visualize your trained agent behavi
             </div>
         </div>
     </div>
+</section>
+
+<section class="capture-video big-padding-top custom">
+    <div class="inner">
+        <h2 class="custom" style="margin-top: 20px;">Check your agent for emerging behaviours</h2>
+        <div class="blog-img-wrapper video" style="margin-bottom: 10px;">
+            <div class="video-wrapper">
+                <video muted autoplay loop controls>
+                    <source src="/assets/videos/sheepRL_dreamerV3_diambra.mp4" type="video/mp4" />
+                </video>
+            </div>
+            <div class="video-wrapper">
+                <video muted autoplay loop controls>
+                    <source src="/assets/videos/sheepRL_dreamerV3_crafter.mp4" type="video/mp4" />
+                </video>
+            </div>
+        </div>
+    </div>
 </section>
diff --git a/_includes/navigation.html b/_includes/navigation.html
@@ -1,4 +1,5 @@
 <ul class="nav" role="menu">
     <li class="nav-home" role="menuitem"><a href="/">Home</a></li>
+    <li class="nav-about" role="menuitem"><a href="/#posts">Blog posts</a></li>
     <li class="nav-about" role="menuitem"><a href="/about/">About</a></li>
-</ul>
+</ul>
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -25,30 +25,34 @@
 <!-- Everything inside the #post tags pulls data from the post -->
 <!-- #post -->
 
-<main id="site-main" class="site-main outer" role="main" style="padding-left: 4vw; padding-right: 4vw; padding-top: 64px;">
+<main id="site-main" class="site-main outer" role="main"
+    style="padding-left: 4vw; padding-right: 4vw; padding-top: 64px;">
     <div class="post-inner">
 
-        <article class="post-full {% if page.tags.size > 0 %}{% for tag in page.tags %} tag-{{ tag | slugify: "latin" }}{% endfor %}{% endif %} {{ page.subclass }} {% unless page.cover %}no-image{% endunless %}">
+        <article class="post-full {% if page.tags.size > 0 %}{% for tag in page.tags %} tag-{{ tag | slugify: " latin"
+            }}{% endfor %}{% endif %} {{ page.subclass }} {% unless page.cover %}no-image{% endunless %}">
 
             <header class="post-full-header">
                 <section class="post-full-meta">
-                    <time class="post-full-meta-date" datetime="{{ page.date | date:'%e %B %Y' }}">{{ page.date | date:'%e %B %Y' }}</time>
+                    <time class="post-full-meta-date" datetime="{{ page.date | date:'%e %B %Y' }}">{{ page.date |
+                        date:'%e %B %Y' }}</time>
                     {% if page.tags.size > 0 %}
-                        <span class="date-divider">/</span>
-                        {% for tag in page.tags %}
-                            {% if forloop.index == page.tags.size %}
-                               <a href='/tag/{{ tag | slugify: "latin" }}/'>{{ tag | upcase }}</a>
-                            {% else %}
-                               <a href='/tag/{{ tag | slugify: "latin" }}/'>{{ tag | upcase }}</a>,
-                            {% endif %}
-                        {% endfor %}
+                    <span class="date-divider">/</span>
+                    {% for tag in page.tags %}
+                    {% if forloop.index == page.tags.size %}
+                    <a href='/tag/{{ tag | slugify: "latin" }}/'>{{ tag | upcase }}</a>
+                    {% else %}
+                    <a href='/tag/{{ tag | slugify: "latin" }}/'>{{ tag | upcase }}</a>,
+                    {% endif %}
+                    {% endfor %}
                     {% endif %}
                 </section>
                 <h1 class="post-full-title">{{ page.title }}</h1>
             </header>
 
             {% if page.cover %}
-            <figure class="post-full-image" style="background-image: url(/{{ page.cover }})">
+            <figure class="post-full-image"
+                style="background-image: url(/{{ page.cover }}); background-size: {{page.image_header}}">
             </figure>
             {% endif %}
 
@@ -84,7 +88,7 @@ <h4 class="author-card-name"><a href="/author/{{ page.author }}">{{ author[1].na
                 {% endfor %}
             </footer> -->
             <!-- /author  -->
-       </article>
+        </article>
 
     </div>
 </main>
@@ -95,67 +99,61 @@ <h4 class="author-card-name"><a href="/author/{{ page.author }}">{{ author[1].na
         <h2>You might also be interested in...</h2>
         <div class="read-next-feed">
             {% if page.tags.size > 0 %}
-                {% assign primary = page.tags | first %}
-                {% assign related_posts = 0 %}
-                {% for post in site.posts %}
-                  {% if post.tags.size > 0 %}
-                      {% if post.tags contains primary %}
-                        {% assign related_posts = related_posts | plus: 1 %}
-                      {% endif %}
-                  {% endif %}
-                {% endfor %}
-                {% if related_posts > 1 %}
-                    <article class="read-next-card"
-                        {% if site.cover %}
-                            style="background-image: url(/{{ site.cover }})"
+            {% assign primary = page.tags | first %}
+            {% assign related_posts = 0 %}
+            {% for post in site.posts %}
+            {% if post.tags.size > 0 %}
+            {% if post.tags contains primary %}
+            {% assign related_posts = related_posts | plus: 1 %}
+            {% endif %}
+            {% endif %}
+            {% endfor %}
+            {% if related_posts > 1 %}
+            <article class="read-next-card" {% if site.cover %} style="background-image: url(/{{ site.cover }})" {% else
+                %} {% if page.cover %} style="background-image: url(url(/{{ page.cover }})" {% endif %} {% endif %}>
+                <header class="read-next-card-header">
+                    <small class="read-next-card-header-sitetitle">&mdash; {{ site.title }} &mdash;</small>
+                    {% if primary %}
+                    <h3 class="read-next-card-header-title"><a href="/tag/{{ primary | slugify: " latin" }}/">{{ primary
+                            | capitalize }}</a></h3>
+                    {% endif %}
+                </header>
+                <div class="read-next-divider">{% include infinity.html %}</div>
+                <div class="read-next-card-content">
+                    <ul>
+                        {% assign count = 0 %}
+                        {% for post in site.posts %}
+                        {% if post.tags contains primary %}
+                        {% if post.title != page.title %}
+                        {% assign count = count | plus: 1 %}
+                        {% if count <= 3 %} <li><a href="/{{ post.url | remove_first: '/' }}">{{ post.title }}</a></li>
+                            {% endif %}
+                            {% endif %}
+                            {% endif %}
+                            {% endfor %}
+                    </ul>
+                </div>
+                <footer class="read-next-card-footer">
+                    <a href="/tag/{{ primary | slugify: " latin" }}/">
+                        {% if related_posts > 1 %}
+                        See all {{ related_posts | minus: 1 }} posts →
+                        {% elsif related_posts == 1 %}
+                        {{ related_posts }} post →
                         {% else %}
-                            {% if page.cover %}
-                                style="background-image: url(url(/{{ page.cover }})"{% endif %}
+                        No posts.
                         {% endif %}
-                    >
-                        <header class="read-next-card-header">
-                            <small class="read-next-card-header-sitetitle">&mdash; {{ site.title }} &mdash;</small>
-                            {% if primary %}
-                                <h3 class="read-next-card-header-title"><a href="/tag/{{ primary | slugify: "latin" }}/">{{ primary | capitalize }}</a></h3>
-                            {% endif %}
-                        </header>
-                        <div class="read-next-divider">{% include infinity.html %}</div>
-                        <div class="read-next-card-content">
-                            <ul>
-                                {% assign count = 0 %}
-                                {% for post in site.posts %}
-                                  {% if post.tags contains primary %}
-                                    {% if post.title != page.title %}
-                                        {% assign count = count | plus: 1 %}
-                                        {% if count <= 3 %}
-                                            <li><a href="/{{ post.url | remove_first: '/' }}">{{ post.title }}</a></li>
-                                        {% endif %}
-                                    {% endif %}
-                                  {% endif %}
-                                {% endfor %}
-                            </ul>
-                        </div>
-                        <footer class="read-next-card-footer">
-                            <a href="/tag/{{ primary | slugify: "latin" }}/">
-                                {% if related_posts > 1 %}
-                                    See all {{ related_posts | minus: 1 }} posts  →
-                                {% elsif related_posts == 1 %}
-                                    {{ related_posts }} post  →
-                                {% else %}
-                                    No posts.
-                                {% endif %}
-                            </a>
-                        </footer>
-                    </article>
-                {% endif %}
+                    </a>
+                </footer>
+            </article>
             {% endif %}
-
+            {% endif %}
+
             {% if page.next %}
-                {% include post-card-next.html %}
+            {% include post-card-next.html %}
             {% endif %}
 
             {% if page.previous %}
-                {% include post-card-previous.html %}
+            {% include post-card-previous.html %}
             {% endif %}
 
         </div>
@@ -164,4 +162,4 @@ <h3 class="read-next-card-header-title"><a href="/tag/{{ primary | slugify: "lat
 
 <!-- /post -->
 
-<!-- The #contentFor helper here will send everything inside it up to the matching #block helper found in default.hbs -->
+<!-- The #contentFor helper here will send everything inside it up to the matching #block helper found in default.hbs -->
diff --git a/_posts/2023-05-16-functionality-checks.md b/_posts/2023-05-16-functionality-checks.md
@@ -5,6 +5,7 @@ excerpt: Does it work?
 tags:
 published: false
 layout: post
+image_header: cover
 current: post
 cover: assets/images/dreamer.png
 navigation: True

diff --git a/_posts/2023-05-17-welcome.md b/_posts/2023-05-17-welcome.md
@@ -5,6 +5,7 @@ excerpt: "Scalable, high-performance, easy-to-use, extensible, production-orient
 tags:
 published: true
 layout: post
+image_header: cover
 current: post
 cover: assets/images/sheep_rl_out.png
 navigation: True

diff --git a/_posts/2023-05-18-ppo_intro.md b/_posts/2023-05-18-ppo_intro.md
@@ -5,6 +5,7 @@ excerpt: "Proximal Policy Optimization: A Versatile Breakthrough in Reinforcemen
 tags: ppo
 published: true
 layout: post
+image_header: cover
 current: post
 cover: assets/images/ppo_cover.png
 navigation: True

diff --git a/_posts/2023-06-14-sac-ae.md b/_posts/2023-06-14-sac-ae.md
@@ -5,6 +5,7 @@ excerpt: "End-to-End Reinforcement Learning from images"
 tags: sac
 published: true
 layout: post
+image_header: cover
 current: post
 cover: assets/images/sheep_newspaper.png
 navigation: True

diff --git a/_posts/2023-06-16-dreamer_v1.md b/_posts/2023-06-16-dreamer_v1.md
@@ -5,6 +5,7 @@ excerpt: "Our PyTorch implementation of DreamerV1."
 tags:
 published: true
 layout: post
+image_header: cover
 current: post
 cover: assets/images/dreamer_v1_cover.png
 navigation: True

diff --git a/_posts/2023-06-26-p2e.md b/_posts/2023-06-26-p2e.md
@@ -5,6 +5,7 @@ excerpt: "P2E - an exploration algorithm based on Dreamer"
 tags:
 published: true
 layout: post
+image_header: cover
 current: post
 cover: assets/images/p2e_cover.png
 navigation: True

diff --git a/_posts/2023-07-06-dreamer_v2.md b/_posts/2023-07-06-dreamer_v2.md
@@ -5,6 +5,7 @@ excerpt: "Our PyTorch implementation of DreamerV2."
 tags:
 published: true
 layout: post
+image_header: cover
 current: post
 cover: assets/images/dreamer_v2_cover.png
 navigation: True

diff --git a/_posts/2023-08-10-dreamer_v3.md b/_posts/2023-08-10-dreamer_v3.md
@@ -5,6 +5,7 @@ excerpt: "Our PyTorch implementation of DreamerV3."
 tags:
 published: true
 layout: post
+image_header: cover
 current: post
 cover: assets/images/dreamer_v3_cover.png
 navigation: True