members.json

package.json

@@ -6,7 +6,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "http://github.com/maxboeck/webring"
+    "url": "http://github.com/ionioteam/webring"
   },
   "scripts": {
     "start": "ELEVENTY_ENV=development eleventy --serve",
@@ -21,6 +21,6 @@
     "cssesc": "^3.0.0",
     "html-minifier": "^4.0.0",
     "netlify-lambda": "^1.6.3",
-    "node-sass": "^4.14.1"
+    "node-sass": "^7.0.1"
   }
 }

src/assets/scripts/embed.njk

@@ -9,6 +9,7 @@ class WebringBanner extends HTMLElement {
         this.url = '{{ meta.url }}';
         this.image = this.url + '/assets/images/{{ meta.image }}';
         this.membercount = {{ members | length}};
+        this.icon = this.url + '/assets/images/{{ meta.icon }}';
 
         this.shadowObj = this.attachShadow({ mode: 'open' });
         this.render();
@@ -24,7 +25,6 @@ class WebringBanner extends HTMLElement {
           :root {
             font-size: 100%;
           }
-
           :host {
             display: block;
             width: 100%;
@@ -40,18 +40,15 @@ class WebringBanner extends HTMLElement {
             box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.12);
             max-width:480px;
           }
-
           .webring-banner a {
             color: #7b16ff;
             text-decoration:none;
           }
-
           .webring-banner a:hover,
           .webring-banner a:focus {
             color: #6200e2;
             text-decoration:underline;
           }
-
           .webring-banner__header {
             display:flex;
             align-items: center;
@@ -60,27 +57,23 @@ class WebringBanner extends HTMLElement {
             padding: 1rem;
             border-bottom: 1px solid #DDD;
           }
-
           .webring-banner__description {
             flex: 1 0 0%;
             padding-right: 2rem;
           }
-
           .webring-banner__image {
             display:block;
             width:70px;
             height:70px;
             margin-right: 1rem;
             border-radius:50%;
           }
-
           .webring-banner__title {
             margin:0;
             font-size:1.25rem;
             font-weight: bold;
             line-height:1.2;
           }
-
           .webring-banner__info {
             display:flex;
             justify-content:center;
@@ -97,29 +90,24 @@ class WebringBanner extends HTMLElement {
             top:1rem;
             right:1rem;
           }
-
           .webring-banner__links {
             display:flex;
             flex-wrap: wrap;
             justify-content: space-between;
             padding: 1rem;
             margin:0;
           }
-
           .webring-banner__link {
             display:block;
             text-decoration:none;
             color: #00ad9f;
           }
-
           .webring-banner__link--random {
             text-align:center;
           }
-
           .webring-banner__link--next {
             text-align:right;
           }
-
           @media (min-width:400px) {
             .webring-banner__link {
                 min-width:100px;

src/data/members.json

@@ -1,52 +1,27 @@
 [
     {
-        "title": "Max Böck",
-        "url": "https://mxb.dev/",
-        "feed": "https://mxb.dev/feed.xml"
+        "title": "Axilleas Mandravelis",
+        "url": "https://axilleasmandravelis.github.io/online-cv",
+        "feed": "null"
     },
     {
-        "title": "Manuel Matuzovic",
-        "url": "https://www.matuzo.at/",
-        "feed": "https://www.matuzo.at/feed.xml"
+        "title": "Nikolaos Boutouridis",
+        "url": "https://nikosbout.github.io/online-cv/",
+        "feed": "null"
     },
     {
-        "title": "Charlie Owen",
-        "url": "https://www.sonniesedge.net/",
+        "title": "Pinelopi Simtsi",
+        "url": "https://p17simt.github.io/online-cv/",
         "feed": null
     },
     {
-        "title": "Björn Ganslandt",
-        "url": "https://ganslandt.xyz/",
+        "title": "",
+        "url": "",
         "feed": null
     },
     {
-        "title": "Jan Hrubý",
-        "url": "https://www.mrozilla.cz/",
-        "feed": null
-    },
-    {
-        "title": "Zach Leatherman",
-        "url": "https://www.zachleat.com/",
-        "feed": "https://www.zachleat.com/web/feed/"
-    },
-    {
-        "title": "Steve Gardner",
-        "url": "https://ste.vg",
-        "feed": null
-    },
-    {
-        "title": "Alan Levine",
-        "url": "https://cogdogblog.com/",
-        "feed": "https://cogdogblog.com/feed"
-    },
-    {
-        "title": "Marius Ghita",
-        "url": "https://mhitza.github.io",
-        "feed": "https://mhitza.github.io/atom.xml"
-    },
-    {
-        "title": "Rings around the Internet",
-        "url": "https://fanlistings.nickifaulk.com/webrings/",
+        "title": "",
+        "url": "",
         "feed": null
     }
 ]

src/data/meta.json

@@ -1,13 +1,17 @@
 {
-    "title": "Nerds of the 90s",
-    "description": "This is just a demo of a webring. It could be about anything - Metal Bands, Knitting, Craft Beer, Accessibility... For this one, let's just say it's about the good old 90s.",
-    "image": "freakazoid.jpg",
-    "url": "https://webringdemo.netlify.com",
-    "repo": "https://github.com/maxboeck/webring",
+    "title": "ionioteam",
+    "description": "This is our webring.",
+    "image": "",
+    "url": "https://ionioteam-webring.netlify.app",
+    "repo": "https://github.com/p17simt/webring",
     "admins": [
         {
-            "name": "Max Böck",
-            "url": "https://github.com/maxboeck"
+            "name": "Pinelopi Simtsi",
+            "url": "https://p17simt.github.io/online-cv"
+        },
+        {
+            "name": "Axilleas Mandravelis",
+            "url": "https://axilleasmandravelis.github.io/online-cv"
         }
     ]
 }