Neon design

Gemfile

@@ -8,4 +8,5 @@ gem "webrick", "~> 1.8"
 group :jekyll_plugins do
   gem "jekyll-feed", "~> 0.12"
   gem 'jekyll-paginate', "~> 	1.1.0"
+  gem 'jekyll-seo-tag', " ~> 2.8.0"
 end

README.md

@@ -0,0 +1,17 @@
+# Open Identity Platform Site Repository
+
+## How-to
+
+Run server locally
+
+```bash
+bundle exec jekyll serve
+```
+
+Build CSS with Tailwind:
+
+```bash
+npm install tailwindcss@3 #if not installed
+
+npx tailwindcss -i ./assets/css/input.css -o ./assets/css/main.css --watch --minify
+```

_config.yml

@@ -23,7 +23,8 @@ markdown: kramdown
 plugins:
   - jekyll-feed
   - jekyll-paginate
+  - jekyll-seo-tag
 
 permalink: /blog/:year-:month-:day-:title
 paginate_path: "/blog/page:num/"
-paginate: 10
+paginate: 12

_data/products.yml

@@ -1,36 +1,36 @@
 -
   name: 'OpenDJ'
   link: 'https://github.com/OpenIdentityPlatform/OpenDJ/'
-  short_description: 'OpenDJ: Directory Services'
+  short_description: 'Directory Services'
   description: 'OpenDJ is an LDAPv3 compliant directory service, which has been developed for the Java platform and provides a high performance, highly available, and secure store for identities, that are managed by your organization. Its easy installation process, combined with the power of the Java platform makes OpenDJ the simplest, fastest directory to deploy and manage.'
   details_link: '/opendj'
   release_link: 'https://github.com/OpenIdentityPlatform/OpenDJ/releases'
 -
   name: 'OpenAM'
   link: 'https://github.com/OpenIdentityPlatform/OpenAM/'
-  short_description: 'OpenAM: Access Management'
+  short_description: 'Access Management'
   description: 'Open Access Management (OpenAM) is an access management solution that includes Authentication, SSO, Authorization, Federation, Entitlements, and Web Services Security.'
   details_link: '/openam'
   release_link: 'https://github.com/OpenIdentityPlatform/OpenAM/releases'
+
 -
   name: 'OpenIG'
   link: 'https://github.com/OpenIdentityPlatform/OpenIG/'
-  short_description: 'OpenIG: Identity Gateway'
+  short_description: 'Identity Gateway'
   description: 'Open Identity Gateway (OpenIG) is a high-performance reverse proxy server with specialized session management and credential replay functionality.'
   details_link: '/openig'
   release_link: 'https://github.com/OpenIdentityPlatform/OpenIG/releases'
 -
   name: 'OpenICF'
   link: 'https://github.com/OpenIdentityPlatform/OpenICF/'
-  short_description: 'OpenICF: Identity Connector Framework'
+  short_description: 'Identity Connector Framework'
   description: 'Open Identity Connector Framework (OpenICF) provides interoperability between identity, compliance and risk management solutions. An OpenICF Connector enables provisioning software, such as OpenIDM, to manage the identities that are maintained by a specific identity provider.'
   details_link: '/openicf'
   release_link: 'https://github.com/OpenIdentityPlatform/OpenICF/releases'
 -
   name: 'OpenIDM'
   link: 'https://github.com/OpenIdentityPlatform/OpenIDM/'
-  short_description: 'OpenIDM: Identity Management'
+  short_description: 'Identity Management'
   description: 'Open Identity Management (OpenIDM) is an open standards-based Identity Management, Provisioning, and Compliance solution. Provisioning users, devices, and things is a repetitive and potentially time-consuming task that has a significant impact on security and user access. '
   details_link: '/openidm'
   release_link: 'https://github.com/OpenIdentityPlatform/OpenIDM/releases'
-

_includes/contributors.html

@@ -1,8 +1,11 @@
-<div class="contributors">
-    <h4>Contributors</h4>
-    <p>
-        <object data="https://opencollective.com/{{page.contributors_project | default: page.reponame}}/contributors.svg?width=890" type="image/svg+xml">
-        </object>
-    </p>
-
-</div>
+<section class="pb-16 bg-gradient-to-b from-transparent to-slate-900/30">
+    <div class="max-w-7xl mx-auto px-6">
+        <div class="text-center mb-8">
+            <h2 class="text-4xl font-bold mb-4">Contributors</h2>            
+        </div>
+        <div>
+            <object class="mx-auto" data="https://opencollective.com/{{page.contributors_project | default: page.reponame}}/contributors.svg?width=890" type="image/svg+xml">
+            </object>    
+        </div>
+    </div>
+</section>

_includes/cookie-consent.html

@@ -0,0 +1,22 @@
+    <!-- Cookie Consent Banner -->
+    <div id="cookieBanner" class="cookie-banner">
+        <div class="max-w-7xl mx-auto">
+            <div class="flex flex-col md:flex-row items-center justify-between gap-4">
+                <div class="flex-1">
+                    <p class="text-gray-300">
+                        We would like to use third party cookies and scripts to improve the functionality of this website.
+                        <a href="#" class="code-accent hover:underline ml-1">More info</a>
+                    </p>
+                </div>
+                <div class="flex gap-3">
+                    <button onclick="acceptCookies()" class="btn-primary px-6 py-2">
+                        Approve
+                    </button>
+                    <button onclick="declineCookies()" class="btn-secondary px-6 py-2">
+                        Decline
+                    </button>
+                </div>
+            </div>
+        </div>
+    </div>
+

_includes/footer.html

@@ -1,15 +1,28 @@
-<footer class="footer bg-primary text-white">
-  <div class="container">
-    <div class="row">
-    <div class="col-8">
-      <a class="text-white text-center align-middle" href="{{site.repo_url}}">&copy;  {{site.title}}</a>
-    </div>
-      <div class="col-4 text-right">
-        <a class="text-white pr-1" href="https://github.com/orgs/OpenIdentityPlatform/discussions" aria-label="Open Identity Platform Community Discussions"><svg style="fill:white;" height="36" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.501 4.001H10.5V24H8.501V4.001zm6.999 0V24h-2V4.001h2zM3.5 0h2.001v15H3.5V0zm15 4.001h2V15h-2V4.001z"/></svg></a>
-        <span target="_blank"  class="align-middle" style="font-size: 36px; display: inline-block;" >
-          <a target="_blank" href="https://github.com/OpenIdentityPlatform" aria-label="Open Identity Platform GitHub"><i class="fa-brands fa-github"></i></a>
-        </span>
-      </div>
-    </div>
-  </div>
-</footer>
+    <footer class="py-12">
+        <div class="max-w-7xl mx-auto px-6">
+            <div class="grid md:grid-cols-3 gap-8 mb-8">
+                <div>
+                    <h3 class="text-xl font-bold mb-4">Open Identity Platform</h3>
+                    <p class="text-gray-400">Building the future of open-source identity management.</p>
+                </div>
+                <div>
+                    <h4 class="font-bold mb-4">Resources</h4>
+                    <ul class="space-y-2">
+                        <li><a href="/blog/" target="_blank" class="footer-link">Blog</a></li>
+                        <li><a href="https://doc.openidentityplatform.org" target="_blank" class="footer-link">Documentation</a></li>
+                        <li><a href="https://github.com/orgs/OpenIdentityPlatform/discussions" target="_blank" class="footer-link">Community</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="font-bold mb-4">Legal</h4>
+                    <ul class="space-y-2">
+                        <li><a href="/privacy" class="footer-link">Privacy Policy</a></li>
+                        <li><a href="https://github.com/OpenIdentityPlatform" target="_blank" class="footer-link">GitHub</a></li>                        
+                    </ul>
+                </div>
+            </div>
+            <div class="border-t border-gray-800 pt-8 text-center text-gray-400">
+                <p>&copy; {{ site.time | date: "%Y" }} Open Identity Platform Community. Released under CDDL-1.0 License.</p>
+            </div>
+        </div>
+    </footer>

_includes/header.html

@@ -1,26 +1,10 @@
 <meta charset="utf-8">
-{% capture og_url %}{{ site.url }}{{ page.url | remove: "index.html" | remove: ".html" }}{% endcapture %}
-{% capture og_image %}{%- if page.imageurl -%}{{ site.url }}/assets/img/{{page.imageurl}}{% else %}https://avatars2.githubusercontent.com/u/30845478?s=280&amp;v=4{%- endif -%}{% endcapture %}
-{% capture page_title %} {%- if page.title -%} {{ page.title | smartify }} · {{ site.title | smartify }}{%- else -%}{{ site.title | smartify }} · {{ site.description | smartify }}{%- endif -%}{% endcapture %}
-{% capture page_description %}{{ page.description | default: site.description | smartify }}{% endcapture %}
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<meta property="og:locale" content="en_US" />
-<meta property="og:type" content="website" />
-<meta property="og:title" content="{{ page_title }}" />
-<meta property="og:description" content="{{ page_description }}" />
-<meta property="og:url" content="{{ og_url }}" />
-<meta property="og:site_name" content="{{site.site_name}}" />
+{% capture og_image %}{%- if page.imageurl -%}{{ site.url }}/assets/img/{{page.imageurl}}{% else %}https://avatars2.githubusercontent.com/u/30845478?s=280&amp;v=4{%- endif -%}{% endcapture %}
+{% seo %}
 <meta property="og:image" content="{{ og_image }}" />
-
-<!-- Twitter -->
-<meta property="twitter:card" content="summary_large_image">
-<meta property="twitter:url" content="{{ og_url }}">
-<meta property="twitter:title" content="{{ page_title }}">
-<meta property="twitter:description" content="{{ page_description }}">
 <meta property="twitter:image" content="{{ og_image }}" />
 
-
-<meta name="description" content="{{ page_description }}">
 <meta name="keywords" content="{{ page.keywords | default: site.keywords }}">
 <meta name="author" content="{{ site.authors }}">
 <meta name="generator" content="Jekyll v{{ jekyll.version }}">
@@ -31,62 +15,18 @@
 {%- if page.canonical -%}
 <link rel="canonical" href="{{page.canonical}}" />
 {%- endif -%}
-<title>{{ page_title }}</title>
-<!-- Bootstrap core CSS -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.6.2/css/bootstrap.min.css" integrity="sha512-rt/SrQ4UNIaGfDyEXZtNcyWvQeOq0QLygHluFQcSjaGB04IxWhal71tKuzP6K8eYXYB6vJV4pHkXcmFGGQ1/0w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-<!--<link rel="stylesheet" href="{{'/assets/css/style.css'}}" >-->
+
 <link rel="stylesheet" href="{{'/assets/css/highlight.css'}}" >
 <link rel="stylesheet" href="{{'/assets/css/main.css'}}" >
 
 <!-- Global site tag (gtag.js) - Google Analytics -->
 
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-Q5PEKRFRH8"></script>
-<style>
-  #cookie-notice {padding: 0.5rem 1rem; display: none; text-align: center; position: fixed; bottom: 0; width: calc(100%); background: #222; color: rgba(255,255,255,0.8); z-index: 1;}
-  #cookie-notice a {display: inline-block; cursor: pointer; margin-left: 0.5rem;}
-  @media (max-width: 767px) {
-      #cookie-notice span {display: block; padding-top: 3px; margin-bottom: 1rem;}
-      #cookie-notice a {position: relative; bottom: 4px;}
-  }
-</style>
-<div id="cookie-notice"><span>We would like to use third party cookies and scripts to improve the functionality of this website.</span><a id="cookie-notice-accept" class="btn btn-primary btn-sm">Approve</a><a href="/privacy" class="btn btn-primary btn-sm">More info</a></div>
-<script>
-  function createCookie(name,value,days) {
-      var expires = "";
-      if (days) {
-          var date = new Date();
-          date.setTime(date.getTime() + (days*24*60*60*1000));
-          expires = "; expires=" + date.toUTCString();
-      }
-      document.cookie = name + "=" + value + expires + "; path=/";
-  }
-  function readCookie(name) {
-      var nameEQ = name + "=";
-      var ca = document.cookie.split(';');
-      for(var i=0;i < ca.length;i++) {
-          var c = ca[i];
-          while (c.charAt(0)==' ') c = c.substring(1,c.length);
-          if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
-      }
-      return null;
-  }
-  function eraseCookie(name) {
-      createCookie(name,"",-1);
-  }
-
-  if(readCookie('cookie-notice-dismissed')=='true') {
+<script>  
+  if(localStorage.getItem('cookieConsent') === 'accepted') {
     window.dataLayer = window.dataLayer || [];
     function gtag(){dataLayer.push(arguments);}
     gtag('js', new Date());
     gtag('config', 'G-Q5PEKRFRH8');
-  } else {
-      document.getElementById('cookie-notice').style.display = 'block';
   }
-  document.getElementById('cookie-notice-accept').addEventListener("click",function() {
-      createCookie('cookie-notice-dismissed','true',31);
-      document.getElementById('cookie-notice').style.display = 'none';
-      location.reload();
-  });
-
 </script>