jekyll-theme-opentoolbox 1.0.8

data/README.md

@@ -0,0 +1,73 @@
+# [Open Toolbox](https://thedevelopertoolbox.github.io) 🧰 [![GitHub license](https://img.shields.io/github/license/thedevelopertoolbox/template?color=grey&label=License)](https://github.com/thedevelopertoolbox/template/blob/main/LICENSE)
+Tutte le risorse dei mastermind di programmazione di start2impact!
+
+[![Build and Deploy to Github Pages](https://github.com/thedevelopertoolbox/template/actions/workflows/jekyll.yml/badge.svg)](https://github.com/thedevelopertoolbox/template/actions/workflows/jekyll.yml)
+
+
+Questo sito è pensato per raccogliere tutte le risorse che potrebbero risultare utili a studenti di programmazione.
+
+Abbiamo raccolto tantissimi strumenti, guide, framework e altri in un unico punto.
+
+## 👥 Contribuire
+
+Abbiamo pensato ad un progetto totalmente aperto e mantenuto dalla community quindi, se vuoi sei il benvenuto ad aggiungere delle risorse o correggere quelle che abbiamo... o magari a migliorare lo stile del sito stesso!
+
+Se decidi di contribuire con una **pull request** ricordati di farlo con gli giusti **label**.
+
+## 👨‍💻 Sviluppo in locale
+
+### 🧪 Jekyll & Ruby
+
+Questo sito è progettato in *Jekyll*, un motore di templating scritto in *Ruby*. Per installarlo segui [questa guida](https://jekyllrb.com/docs/installation/).
+
+### 🔧 Make
+Per semplificarti la vita abbiamo predisposto dei comandi semplificati con *Make*.
+
+Se sei su **Linux** lo hai già installato di default.
+
+Se invece sei su **Windows** devi prima scaricarti un gestore di pacchetti:
+
+#### Installare [Chocolatey](https://chocolatey.org/install) e poi eseguire:
+```bash
+choco install make
+```
+
+#### Installare [Scoop](https://scoop.sh) e poi eseguire:
+```bash
+scoop install make
+```
+### 🎉 Setup finale
+Una volta installato scarica tutte le dipendenze con:
+
+```bash
+make
+```
+
+Per eseguire la **build**:
+
+```bash
+make build
+```
+
+Per servire il sito con *hot reload* esegui:
+
+```bash
+make start
+```
+
+e apri il link che ti dice nel terminale.
+
+---
+
+# Contribuenti 💚 ![GitHub contributors](https://img.shields.io/github/contributors/thedevelopertoolbox/template?color=grey&label=)
+
+[![contributors](https://contrib.rocks/image?repo=thedevelopertoolbox/template)](https://github.com/thedevelopertoolbox/template/graphs/contributors)
+
+
+Potresti esserci anche tu qui ☝
+
+
+<img src="https://i.ibb.co/VCrGbkN/Pallino-bianco-2.png" width="500px" alt="start2impact">
+
+
+Mantenuto dalla community di [**start2impact**](https://start2impact.it).

data/_includes/banner.html

@@ -0,0 +1,24 @@
+<section class="hero {% if page.hero_height %} {{ page.hero_height }} {% else %} is-medium {% endif %} {% if page.hero_style %} {{page.hero_style}} {% else %} is-dark {% endif %}" {% if page.hero_image %} style="background: url('{{ page.hero_image }}') no-repeat center center; background-size: cover;" {% endif %}>
+    <div class="hero-body {% if page.hero_darken %} hero-darken {% endif %} py-small">
+        <div class="container">
+            <div class="columns is-4 is-vcentered">
+				{% if page.image %}
+                    <div class="column is-one-third">
+                        <img src="{{page.image}}" class="thumbnail mx-auto is-rounded"/>
+                    </div>
+                {% endif %}
+
+                <div class="column">
+					<div class="mb-medium">
+						<h1 class="title is-1">{{ page.title }}</h1>
+						<p class="subtitle is-3">{{ page.subtitle }}</p>
+					</div>
+
+                    {% if page.hero_link %}
+                        <a href="{{ page.hero_link | relative_url }}" class="button {%if page.hero_link_style %} {{ page.hero_link_style }} {% else %} is-light {% endif %} is-outlined is-rounded is-medium">{{ page.hero_link_text }}</a>
+                    {% endif %}
+                </div>
+            </div>
+        </div>
+    </div>
+</section>

data/_includes/callouts.html

@@ -0,0 +1,39 @@
+{% if page.callouts %}
+    {% assign callouts=site.data.[page.callouts] %}
+    <section class="hero {% if callouts.height %} {{ callouts.height }} {% else %} is-medium {% endif %} {{ callouts.style }}">
+        <div class="hero-body">
+            <div class="container">
+                <div class="columns is-multiline is-centered is-vcentered is-4">
+                    {% for callout in callouts.items %}
+                        <div class="column is-4 has-text-centered p-6">
+                            {% if callout.icon %}
+                            <div class="icon callout-icon">
+                            {% if callout.icon_brand %}
+                                <i class="fab {{ callout.icon }} fa-4x"></i>
+                            {% else %}
+                                <i class="fas {{ callout.icon }} fa-4x"></i>
+                            {% endif %}
+                            </div>
+                            {% endif %}
+                            <p class="title is-3">{{ callout.title }}</p>
+                            <p class="subtitle is-5">{{ callout.subtitle }}</p>
+                            
+                            {% if callout.description %}
+                            <div class="content">
+                                <p>{{ callout.description | newline_to_br }}</p>
+                            </div>
+                            {% endif %}
+
+                            {% if callout.call_to_action_name %}
+                            <a href="{{ callout.call_to_action_link | relative_url }}" class="{{ callouts.style }} is-block has-text-weight-bold mt-medium">
+                                <span>{{ callout.call_to_action_name }}</span>
+                                <span class="ml-small"><i class="fas fa-external-link-alt"></i></span>
+                            </a>
+                            {% endif %}
+                        </div>
+                    {% endfor %}
+                </div>
+            </div>
+        </div>
+    </section>
+{% endif %}

data/_includes/disqus.html

@@ -0,0 +1,17 @@
+{% if page.comments != false and jekyll.environment == "production" %}
+
+  <div id="disqus_thread"></div>
+  <script>
+    var disqus_config = function () {
+      this.page.url = '{{ page.url | absolute_url }}';
+      this.page.identifier = '{{ page.url | absolute_url }}';
+    };
+    (function() {
+      var d = document, s = d.createElement('script');
+      s.src = 'https://{{ site.disqus.shortname }}.disqus.com/embed.js';
+      s.setAttribute('data-timestamp', +new Date());
+      (d.head || d.body).appendChild(s);
+    })();
+  </script>
+  <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
+{% endif %}

data/_includes/footer-scripts.html

@@ -0,0 +1 @@
+<!-- footer scripts -->

data/_includes/footer.html

@@ -0,0 +1,34 @@
+<footer class="footer">
+    <div class="container">
+        {% if site.footer_menu %}
+        <div class="columns is-multiline">
+            {% for item in site.data[site.footer_menu] %}
+            <div class="column has-text-centered">
+                <div>
+                    <a href="{{ item.link | relative_url }}" class="link">{{ item.name }}</a>
+                </div>
+            </div>
+            {% endfor %}
+        </div>
+        {% endif %}
+
+        <div class="content is-small has-text-centered">
+            <p>Theme built by <a href="https://www.csrhymes.com">C.S. Rhymes</a> and slightly modified by <a href="https://mattia.codes">Mattia Sinisi</a> and <a href="https://gloriadesiderideveloper.it/">Gloria Desideri</a></p>
+            <small>Le immagini utilizzate sono prese liberamente da internet, utilizziamo l'URL invece di scaricarle. Mostriamo sempre riconoscimenti agli artisti originali dove richiesto.</small>
+        </div>
+    </div>
+</footer>
+
+<footer class="hero is-dark">
+    <div class="hero-body">
+        <div class="container">
+            <p class="title is-3">Contribuenti</p>
+
+            <a href="https://github.com/{{ site.repository }}/graphs/contributors">
+                <img src="https://contrib.rocks/image?repo={{ site.repository }}" />
+            </a>    
+            
+            <p>Potresti esserci anche tu qui ☝</p>
+        </div>
+    </div>
+</footer>

data/_includes/gallery.html

@@ -0,0 +1,25 @@
+{% if page.gallery %}
+    {% assign galleries=site.data.[page.gallery] %}
+    {% for gallery in galleries %}
+    <div class="columns is-multiline">
+        <div class="column is-12">
+            <p class="title is-3 has-text-centered">{{ gallery.title }}</p>
+        </div>
+        {% for image in gallery.images %}
+        <div class="column is-4-desktop is-6-tablet">
+            <div class="card">
+                <div class="card-image">
+                    {% include image-modal.html ratio=image.ratio link=image.link alt=image.alt large_link=image.large_link %}
+                </div>
+                <div class="card-content">
+                    <div class="content">
+                        {{ image.description | markdownify }}
+                    </div>
+
+                </div>
+            </div>
+        </div>
+        {% endfor %}
+    </div>
+    {% endfor %}
+{% endif %}

data/_includes/google-analytics.html

@@ -0,0 +1,8 @@
+<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
+<script>
+  window['ga-disable-{{ site.google_analytics }}'] = window.doNotTrack === "1" || navigator.doNotTrack === "1" || navigator.doNotTrack === "yes" || navigator.msDoNotTrack === "1";
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+  gtag('config', '{{ site.google_analytics }}');
+</script>

data/_includes/head.html

@@ -0,0 +1,19 @@
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="theme-color" content={{ site.theme_color | default: '#ffffff' }}>
+    <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/app.css">
+    <link rel="shortcut icon" type="image/png"
+          {% if site.favicon %} href="{{ site.favicon | relative_url }}" {% else %} href="{{ site.baseurl }}/favicon.png" {% endif %}
+    />
+    <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.8.0/dist/alpine.min.js" defer></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/css/all.min.css">
+    {% unless site.hide_share_buttons %}
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@1/bin/bulma-social.min.css">
+    {% endunless %}
+    {% seo %}
+    {%- if site.google_analytics -%}
+      {%- include google-analytics.html -%}
+    {%- endif -%}
+    {%- include head-scripts.html -%}
+</head>

data/_includes/header.html

@@ -0,0 +1,45 @@
+<nav class="navbar is-primary {% if site.fixed_navbar %} is-fixed-{{ site.fixed_navbar }} {% endif %}" x-data="{ openNav: false }">
+    <div class="container">
+        <div class="navbar-brand">
+            <a href="{{ site.baseurl }}/" class="navbar-item">
+                {{ site.title }}
+            </a>
+            <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navMenu" :class="{ 'is-active': openNav }" x-on:click="openNav = !openNav">
+                <span aria-hidden="true"></span>
+                <span aria-hidden="true"></span>
+                <span aria-hidden="true"></span>
+            </a>
+        </div>
+        <div class="navbar-menu" id="navMenu" :class="{ 'is-active': openNav }">
+            <div class="navbar-start">
+                <a href="{{ site.baseurl }}/" class="navbar-item {% if page.url == "/" %}is-active{% endif %}">Home</a>
+                {% if site.data.navigation %}
+                {% for item in site.data.navigation %}
+                    {% if item.dropdown %}
+                    <div class="navbar-item has-dropdown is-hoverable {% if site.fixed_navbar == 'bottom' %} has-dropdown-up {% endif %}">
+                        <a href="{{ item.link | relative_url }}" class="navbar-link {% if item.link == page.url %}is-active{% endif %}">{{ item.name }}</a>
+                        <div class="navbar-dropdown">
+                            {% for subitem in item.dropdown %}
+                            <a href="{{ subitem.link | relative_url }}" class="navbar-item {% if subitem.link == page.url %}is-active{% endif %}">{{ subitem.name }}</a>
+                            {% endfor %}
+                        </div>
+                    </div>
+                    {% else %}
+                    <a href="{{ item.link | relative_url }}" class="navbar-item {% if item.link == page.url %}is-active{% endif %}">{{ item.name }}</a>
+                    {% endif %}
+                {% endfor %}
+                {% endif %}
+            </div>
+
+            <div class="navbar-end">
+                {% if site.gh_sponsor %}
+                <a class="navbar-item" href="https://github.com/sponsors/{{ site.gh_sponsor }}">
+                    <span class="icon gh-sponsor"><i class="fas fa-heart"></i></span>
+                    <span>Sponsor</span>
+                </a>
+                {% endif %}
+            </div>
+
+        </div>
+    </div>
+</nav>

data/_includes/hero.html

@@ -0,0 +1,11 @@
+<section class="hero {% if page.hero_height %} {{ page.hero_height }} {% else %} is-medium {% endif %} is-bold is-primary" {% if page.hero_image %} style="background: url('{{ page.hero_image }}') no-repeat center center; background-size: cover;" {% endif %}>
+    <div class="hero-body {% if page.hero_darken %} hero-darken {% endif %}">
+        <div class="container">
+            <h1 class="title is-1">{{ page.title }}</h1>
+            <p class="subtitle is-3">{{ page.subtitle }}</p>
+            {% if page.hero_link %}
+                <a href="{{ page.hero_link | relative_url }}" class="button {%if page.hero_link_style %} {{ page.hero_link_style }} {% else %} is-light {% endif %} is-outlined is-rounded is-medium">{{ page.hero_link_text }}</a>
+            {% endif %}
+        </div>
+    </div>
+</section>

data/_includes/image-modal.html

@@ -0,0 +1,18 @@
+<div x-data="{ open: false }">
+    <a @click="open = true" title="View large image">
+        <figure class="image {{ include.ratio | default: is-16by9 }}">
+            <img src="{{ include.link | absolute_url }}" alt="{{ include.alt }}">
+        </figure>
+    </a>
+    <div class="modal" :class="{ 'is-active': open }">
+        <div class="modal-background" @click="open = false"></div>
+        <div class="modal-content">
+            {% if include.large_link %}
+                <img src="{{ include.large_link | absolute_url }}" alt="{{ include.alt }}">
+            {% else %}
+                <img src="{{ include.link | absolute_url }}" alt="{{ include.alt }}">
+            {% endif %}
+        </div>
+        <button class="modal-close is-large" aria-label="close" @click="{ open = false }"></button>
+    </div>
+</div>

data/_includes/join.html

@@ -0,0 +1,30 @@
+<div class="columns is-desktop">
+	<div class="column">
+		<div class="card">
+			<div class="card-content">
+				<h5>Trovato errori o argomenti mancanti?</h5>
+			
+				<p>Questo sito è completamente <strong>open source</strong>, quindi mandaci pure le tue modifiche e contribuisci al progetto!</p>
+			</div>
+
+			<div class="card-footer">
+				<a class="card-footer-item" href="{{site.collaboration_links.issues}}">Apri issue</a>
+				<a class="card-footer-item" href="{{site.collaboration_links.pull_requests}}">Apri pull request</a>
+			</div>
+		</div>
+	</div>
+
+	<div class="column">
+		<div class="card">
+			<div class="card-content">
+				<h5>Hai delle domande?</h5>
+			
+				<p>Se hai dei problemi con un tool, un framework o una libreria proposta apri o partecipa ad una discussione con il resto della community.</p>
+			</div>
+
+			<div class="card-footer">
+				<a class="card-footer-item" href="{{site.collaboration_links.discussions}}">Partecipa alle discussioni</a>
+			</div>
+		</div>
+	</div>
+</div>

data/_includes/latest-posts.html

@@ -0,0 +1,12 @@
+<p class="title is-4">Latest Posts</p>
+
+<div class="columns is-multiline">
+    {% for post in site.posts limit:3 %}
+    <div class="column is-12">
+        {% include post-card.html %}
+    </div>
+    {% endfor %}
+</div>
+
+
+

data/_includes/menubar.html

@@ -0,0 +1,21 @@
+{% assign menus = site.data.[page.menubar] %}
+
+<aside class="menu">
+{% for menu in menus %}
+    <p class="menu-label">{{ menu.label }}</p>
+    <ul class="menu-list">
+        {% for item in menu.items %}
+        <li>
+            <a href="{{ item.link | relative_url }}" class="{% if item.link == page.url %}is-active{% endif %}">{{ item.name }}</a>
+            {% if item.items %}
+            <ul>
+                {% for subitem in item.items %}
+                <li><a href="{{ subitem.link | relative_url }}" class="{% if subitem.link == page.url %}is-active{% endif %}">{{ subitem.name }}</a></li>
+                {% endfor %}
+            </ul>
+            {% endif %}
+        </li>
+        {% endfor %}    
+    </ul>
+{% endfor %}
+</aside>

data/_includes/notification.html

@@ -0,0 +1,17 @@
+<div x-data="{visible: true}" markdown="0">
+    <div class="notification {{ include.status | default: 'is-warning' }}" x-show.transition.duration.300ms="visible">
+        {% if include.dismissable %}
+            <button class="delete" x-on:click="visible = false"></button>
+        {% endif %}
+        <article class="media">
+            {% unless include.icon %}
+                <div class="media-left">
+                    <span class="icon"><i class="{{ include.icon | default: 'fas fa-exclamation-circle' }} fa-lg"></i></span>
+                </div>
+            {% endunless %}
+            <div class="media-content">
+                <div class="content">{{ include.message | markdownify }}</div>
+            </div>
+        </article>
+    </div>
+</div>

data/_includes/pagination.html

@@ -0,0 +1,23 @@
+<nav class="pagination is-centered">
+    {% if paginator.previous_page %}
+    <a href="{{ site.baseurl }}{{ paginator.previous_page_path }}" class="pagination-previous is-info">Previous</a>
+    {% else %}
+    <p class="pagination-previous" disabled>Previous</p>
+    {% endif %}
+    {% if paginator.next_page %}
+    <a href="{{ site.baseurl }}{{ paginator.next_page_path }}" class="pagination-next is-info">Next</a>
+    {% else %}
+    <p class="pagination-next" disabled >Next</p>
+    {% endif %}
+    <ul class="pagination-list">
+        {% for page in (1..paginator.total_pages) %}
+        {% if page == paginator.page %}
+        <li><a class="pagination-link is-current">{{ page }}</a></li>
+        {% elsif page == 1 %}
+        <li><a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | split: '/' | pop | join: '/' }}" class="pagination-link">{{ page }}</a></li>
+        {% else %}
+        <li><a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}" class="pagination-link">{{ page }}</a></li>
+        {% endif %}
+        {% endfor %}
+    </ul>
+</nav>

data/_includes/post-card.html

@@ -0,0 +1,29 @@
+<div class="card is-rounded">
+    {% if post.image %}
+    <div class="card-image">
+        <img src="{{ post.image }}" alt="{{ post.title }}">
+    </div>
+    {% else %}
+    <header class="card-header">
+        <a class="card-header-title" href="{{ site.baseurl }}{{ post.url }}">{{ post.title}}</a>
+    </header>
+    {% endif %}
+    <div class="card-content">
+        <div class="content">
+            {% if post.image %}
+            <a class="title is-4" href="{{ site.baseurl }}{{ post.url }}">{{ post.title}}</a>
+            {% endif %}
+            {% if post.summary %}
+                {{ post.summary | markdownify }}
+            {% else %}
+                <p>{{ post.excerpt }}</p>
+            {% endif %}
+        </div>
+        <div class="has-text-centered">
+            <a href="{{ site.baseurl }}{{ post.url }}" class="button is-primary">Read more</a>
+        </div>
+    </div>
+    <footer class="card-footer">
+        <p class="card-footer-item">Published: {{ post.date | date: "%b %-d, %Y" }}</p>
+    </footer>
+</div>

data/_includes/rating.html

@@ -0,0 +1,14 @@
+
+    <div class="content {% if include.align %} {{ include.align }} {% else %} has-text-centered {% endif %}">
+        {% for num in (1..include.rating) %}
+        <span class="icon">
+            <i class="fas fa-star"></i>
+        </span>
+        {% endfor %}
+        {% assign remainder = 5 | minus: include.rating %}
+        {% for num in (1..remainder) %}
+        <span class="icon">
+            <i class="far fa-star"></i>
+        </span>
+        {% endfor %}
+    </div>

data/_includes/review.html

@@ -0,0 +1,27 @@
+<article class="media">
+    <figure class="media-left">
+    {% if review.avatar %}
+        <p class="image is-48x48">
+            <img src="https://bulma.io/images/placeholders/128x128.png">
+        </p>
+    {% else %}
+        <div class="icon is-large">
+            <i class="fas fa-user fa-2x"></i>
+        </div>
+    {% endif %}
+    </figure>
+    <div class="media-content">
+      <div class="content">
+        <p>
+          <strong>{{ review.name }}</strong> <small>{{ review.date }}</small>
+          <br>
+          {{ review.title }}
+          <br>
+          {{ review.description }}
+        </p>
+      </div>
+      {% if review.rating %}
+        {% include rating.html rating=review.rating align="has-text-left" %}
+      {% endif %}
+    </div>
+  </article>

data/_includes/share-buttons.html

@@ -0,0 +1,19 @@
+<p><strong>Share</strong></p>
+<div class="buttons {% if include.centered %} is-centered {% endif %}">
+    <a class="button is-medium is-facebook"
+       onclick="window.open('https://www.facebook.com/share.php?u={{ site.url }}{{ page.url | prepend: site.baseurl }}');">
+        <span class="icon"><i class="fab fa-facebook fa-lg"></i></span>
+    </a>
+    <a class="button is-medium is-twitter"
+       onclick="window.open('https://twitter.com/intent/tweet?text={{ site.url }}{{ page.url | prepend: site.baseurl }}');">
+        <span class="icon"><i class="fab fa-twitter fa-lg"></i></span>
+    </a>
+    <a class="button is-medium is-linkedin"
+       onclick="window.open('https://www.linkedin.com/shareArticle?mini=true&url={{ site.url }}{{ page.url | prepend: site.baseurl }}&title={{ page.title | url_encode }}&summary=&source=');">
+        <span class="icon"><i class="fab fa-linkedin fa-lg"></i></span>
+    </a>
+    <a class="button is-medium is-reddit"
+       onclick="window.open('https://reddit.com/submit?url={{ site.url }}{{ page.url | prepend: site.baseurl }}');">
+        <span class="icon"><i class="fab fa-reddit fa-lg"></i></span>
+    </a>
+</div>

data/_includes/showcase.html

@@ -0,0 +1,76 @@
+{% if page.showcase %}
+    {% assign showcase = site.data.[page.showcase] %}
+
+	<section class="section">
+		<div class="container">
+			<div class="content">
+				<p>{{ showcase.intro | markdownify }}</p>
+			</div>
+		
+			<div {% if include.columns == true %} class="columns" {% endif %}>
+			{% for item in showcase.items %}
+				<div class="column">
+					<section class="showcase is-rounded">
+						<figure class="image {% if item.image_ratio %} {{ item.image_ratio }} {% else %} is-16by9 {% endif %}">
+							<img src="{{ item.image | relative_url }}" class="is-rounded" />
+						</figure>
+						<div class="showcase-content">
+							<div class="columns is-centered">
+								<div class="column is-8-desktop is-12-tablet">
+									<p class="title">{{ item.title }}</p>
+									<p class="subtitle">{{ item.subtitle }}</p>
+		
+									{% if item.github %}
+									<div class="buttons is-centered">
+										<a href="https://github.com/{{ item.github }}/stargazers" class="button is-white is-small">
+											<img alt="GitHub stars" src="https://img.shields.io/github/stars/{{ item.github }}?style=social">
+										</a>
+										<a href="https://github.com/{{ showcase.github }}/network/members" class="button is-white is-small">
+											<img alt="GitHub forks" src="https://img.shields.io/github/forks/{{ item.github }}?style=social">
+										</a>
+										<a href="https://github.com/{{ item.github }}/watchers" class="button is-white is-small">
+											<img alt="GitHub watchers" src="https://img.shields.io/github/watchers/{{ item.github }}?style=social">
+										</a>
+									</div>
+									{% endif %}
+									
+									<div class="content">
+										<p>{{ item.description | markdownify }}</p>
+									</div>
+		
+									{% if item.features %}
+									<div class="columns is-2 {{ item.features_styles }}">
+										{% for feature in item.features %}
+										<span class="column block">
+											<span class="box border is-shadowless has-background-primary-light has-text-primary">
+												{{ feature }}
+											</span>
+										</span>
+										{% endfor %}
+									</div>
+									{% endif %}
+									
+		
+									{% if item.tags %}
+									{% assign tags = item.tags | split: "," %}
+									<div class="tags is-centered">
+										{% for tag in tags %}
+											{% include tag.html tag=tag style="is-dark" %}
+										{% endfor %}
+									</div>
+									{% endif %}
+		
+									<a href="{{ item.link }}" class="button is-dark is-outlined">
+										{{ item.link_text }}
+									</a>
+								</div>
+							</div>
+		
+						</div>
+					</section>
+				</div>
+			{% endfor %}
+			</div>
+		</div>
+	</section>
+{% endif %}