Merge pull request #156 from 10up/maintainance-notice

Change Support Status to Archived

Author: fabiankaegy

README.md

@@ -2,7 +2,7 @@
 
 > A library of barebones front-end components built with WordPress and accessibility in mind.
 
-[![Support Level](https://img.shields.io/badge/support-active-green.svg)](#support-level) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+[![Support Level](https://img.shields.io/badge/support-archived-red.svg)](#support-level) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 [![codecov](https://codecov.io/gh/10up/component-library/branch/develop/graph/badge.svg?token=rm4ggtw19O)](https://codecov.io/gh/10up/component-library)
 
 
@@ -31,7 +31,7 @@ To use a component, navigate to the component’s detail page to see demos, usag
 
 ## Support Level
 
-**Active:** 10up is actively working on this, and we expect to continue work for the foreseeable future including keeping tested up to the most recent version of WordPress.  Bug reports, feature requests, questions, and pull requests are welcome.
+**Archived:** This project is no longer maintained by 10up. We are no longer responding to Issues or Pull Requests unless they relate to security concerns. We encourage interested developers to fork this project and make it their own!
 
 ## Repository Structure and Engineering Guidelines
 Visit the [CONTRIBUTING](/CONTRIBUTING.md) page for initial contribution and engineering guidance.

docs/Gemfile

@@ -1,7 +1,5 @@
 source 'https://rubygems.org'
 
-require 'json'
-require 'open-uri'
-versions = JSON.parse(open('https://pages.github.com/versions.json').read)
-
-gem 'github-pages', versions['github-pages']
+gem 'github-pages', '~> 228'
+gem 'jekyll', '~> 3.9.0'
+gem 'webrick', '~> 1.7'

docs/_includes/header.html

@@ -39,4 +39,8 @@
 	</div>
 </header>
 
+<div class="c-maintenance-banner">
+	<p><strong>Notice:</strong> This site is no longer being actively maintained. We are aiming to open source new internal component packages and systems in the future.</p>
+</div>
+
 <main class="main page-{{page.title}}" id="main" role="main">

docs/assets/css/sass/components/_index.scss

@@ -8,6 +8,7 @@
 @import "example-inline";
 @import "iframe";
 @import "main";
+@import "maintenance-banner";
 @import "meta";
 @import "nav";
 @import "syntax-highlight";

docs/assets/css/sass/components/_maintenance-banner.scss

@@ -0,0 +1,42 @@
+.c-maintenance-banner {
+	background: #fef3cd;
+	border-bottom: 1px solid #fdc935;
+	color: #856404;
+	padding: $spacing-small $spacing-medium;
+	text-align: center;
+	position: relative;
+	z-index: $elevation-mid;
+
+	@media (min-width: $breakpoint-small) {
+		margin-left: 260px;
+	}
+
+	@media (min-width: $breakpoint-medium) {
+		margin-left: 310px;
+	}
+
+	p {
+		margin: 0;
+		font-size: $font-size-tiny;
+		max-width: none;
+
+		@media (min-width: $breakpoint-small) {
+			font-size: $font-size-xsmall;
+		}
+	}
+
+	a {
+		color: #495057;
+		text-decoration: underline;
+		font-weight: $font-weight-medium;
+
+		&:hover,
+		&:focus {
+			color: #212529;
+		}
+	}
+
+	strong {
+		font-weight: $font-weight-medium;
+	}
+}