Skip to content

Visual redesign: new hero/nav/footer, PicoCSS styling, refreshed copy #63

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
johngallagher wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Visual redesign: new hero/nav/footer, PicoCSS styling, refreshed copy #63

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 4 additions & 2 deletions _includes/banner.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,2 +1,4 @@
<h1>JRuby</h1>
<h2>The <strong>Ruby Programming Language</strong> on the JVM</h2>
<div class="page-banner">
<h1>JRuby</h1>
<p class="page-banner-tagline">The <strong>Ruby Programming Language</strong> on the JVM</p>
</div>
43 changes: 43 additions & 0 deletions _includes/footer.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
<footer class="site-footer">
<div class="footer-grid">
<div>
<p class="footer-col-heading">JRuby</p>
<ul>
<li><a href="/download">Download {{ site.release.version }}</a></li>
<li><a href="/getting-started">Getting Started</a></li>
<li><a href="/documentation">Documentation</a></li>
<li><a href="/security">Security</a></li>
<li><a href="/nightly">Nightly Builds</a></li>
</ul>
</div>
<div>
<p class="footer-col-heading">Community</p>
<ul>
<li><a href="/community">Get Involved</a></li>
<li><a href="/contribute">Contribute</a></li>
<li><a href="/blogs">Blogs</a></li>
<li><a href="/chat">Chat</a></li>
<li><a href="{{ site.urls.wiki }}" target="_blank" rel="noopener">Wiki</a></li>
</ul>
</div>
<div>
<p class="footer-col-heading">Development</p>
<ul>
<li><a href="{{ site.urls.github }}" target="_blank" rel="noopener">Source Code</a></li>
<li><a href="{{ site.urls.bugs }}" target="_blank" rel="noopener">Issue Tracker</a></li>
<li><a href="/news">Release News</a></li>
<li><a href="/atom.xml">Atom Feed</a></li>
</ul>
</div>
<div>
<p class="footer-col-heading">Professional Support</p>
<p>Need expert JRuby support?</p>
<a href="https://headius.com/services/?utm_source=jruby.org&amp;utm_medium=referral&amp;utm_campaign=enterprise_support&amp;utm_content=footer_link" class="headius-footer-link" target="_blank" rel="noopener">
Headius Enterprises &rarr;
</a>
</div>
</div>
<div class="footer-bottom">
<p>JRuby is open source software released under a tri <a href="https://github.com/jruby/jruby/blob/master/COPYING">EPL 2.0 / GPL 2 / LGPL 2.1</a> license.</p>
</div>
</footer>
10 changes: 4 additions & 6 deletions _includes/head.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ page.title }} &mdash; JRuby.org</title>
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
Expand All @@ -8,11 +9,8 @@
<link rel="shortcut icon" href="/favicon.ico">
<meta name="msapplication-TileColor" content="#2d89ef">
<meta name="msapplication-config" content="/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<meta name="theme-color" content="#1a1a2e">
<link rel="alternate" href="/atom.xml" title="JRuby.org News" type="application/atom+xml"/>
<link rel="stylesheet" href="/stylesheets/main.css?version=1" type="text/css" media="screen" title="no title" charset="utf-8" />
<!--[if lte IE 7]><link rel="stylesheet" href="/stylesheets/ie7-hacks.css" type="text/css" media="screen" title="no title" charset="utf-8" /><![endif]-->
<link rel="stylesheet" href="/stylesheets/pico.classless.min.css" type="text/css" media="screen">
<link rel="stylesheet" href="/stylesheets/style.css?version={{ site.time | date: '%s' }}" type="text/css" media="screen">
<link rel="stylesheet" href="/stylesheets/syntax.css" type="text/css" media="screen" title="no title" charset="utf-8" />

<script type="text/javascript" src="//use.typekit.com/swo8tlm.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
57 changes: 23 additions & 34 deletions _includes/menu.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,35 +1,24 @@
<div id="main_nav">
<div class="wrapper">
<div id="menu" class="menu">
<ul>
<li id="page_1" class="{% if page.title contains "Home" %}on{% endif %}">
<a href="/">Home</a>
</li>
<li id="page_5" class="{% if page.title contains "News" %}on{% endif %}">
<a href="/news">News</a>
</li>
<li id="page_16" class="{% if page.title contains "Blog" %}on{% endif %}">
<a href="https://blog.jruby.org/">Blog</a>
</li>
<li id="page_8" class="{% if page.title contains "Download" %}on{% endif %}">
<a href="/download">Downloads</a>
</li>
<li id="page_10" class="{% if page.title contains "Getting Started" %}on{% endif %}">
<a href="/getting-started">Getting Started</a>
</li>
<li id="page_14" class="{% if page.title contains "Chat" %}on{% endif %}">
<a href="/chat">Chat</a>
</li>
<li id="page_9" class="{% if page.title contains "Community" %}on{% endif %}">
<a href="/community">Community</a>
</li>
<li id="page_13" class="{% if page.title contains "Documentation" %}on{% endif %}">
<a href="/documentation">Documentation</a>
</li>
<li id="page_15" class="{% if page.title contains "Security" %}on{% endif %}">
<a href="/security">Security</a>
</li>
</ul>
<input type="checkbox" id="nav-toggle" class="nav-toggle" aria-hidden="true">
<header class="site-header">
<nav class="site-nav">
<div class="nav-brand">
<label for="nav-toggle" class="nav-hamburger" aria-label="Toggle navigation">
<span></span><span></span><span></span>
</label>
<a href="/" class="brand-link">
<span class="brand-ruby">JRuby</span>
</a>
</div>
</div>
</div>
<ul class="nav-links">
<li id="page_1" class="{% if page.title contains "Home" %}on{% endif %}"><a href="/">Home</a></li>
<li id="page_5" class="{% if page.title contains "News" %}on{% endif %}"><a href="/news">News</a></li>
<li id="page_16" class="{% if page.title contains "Blog" %}on{% endif %}"><a href="https://blog.jruby.org/">Blog</a></li>
<li id="page_8" class="{% if page.title contains "Download" %}on{% endif %}"><a href="/download">Downloads</a></li>
<li id="page_10" class="{% if page.title contains "Getting Started" %}on{% endif %}"><a href="/getting-started">Getting Started</a></li>
<li id="page_14" class="{% if page.title contains "Chat" %}on{% endif %}"><a href="/chat">Chat</a></li>
<li id="page_9" class="{% if page.title contains "Community" %}on{% endif %}"><a href="/community">Community</a></li>
<li id="page_13" class="{% if page.title contains "Documentation" %}on{% endif %}"><a href="/documentation">Documentation</a></li>
<li id="page_15" class="{% if page.title contains "Security" %}on{% endif %}"><a href="/security">Security</a></li>
</ul>
</nav>
</header>
6 changes: 3 additions & 3 deletions _includes/release.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<div id="latest_release">
<h3><a href="/download">Latest release</a> - <a href="{{ site.release.url }}"><strong>{{ site.release.version }}</strong></a></h3>
<ul class="trackDownloads">
<div id="latest_release" class="release-widget">
<p class="release-widget-label"><a href="/download">Latest release</a> &mdash; <a href="{{ site.release.url }}"><strong>{{ site.release.version }}</strong></a></p>
<ul class="trackDownloads release-widget-links">
<li><a href="{{ site.release.tar }}">tar</a></li>
<li><a href="{{ site.release.zip }}">zip</a></li>
<!-- <li><a href="{{ site.release.dmg }}">dmg</a></li> -->
Expand Down
93 changes: 37 additions & 56 deletions _layouts/home.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,79 +1,60 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<html lang="en">
<head>
{% include head.html %}
<meta name="description" content="JRuby is a high performance, stable, fully threaded Java implementation of the Ruby programming language." />
<link href="/stylesheets/carousel.css" media="screen" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@idotj/mastodon-embed-timeline@4.4.2/dist/mastodon-timeline.min.css" integrity="sha256-1UGgxsonaMCfOEnVOL89aMKSo3GEAmaRP0ISbsWa6lU=" crossorigin="anonymous" />
</head>
<body class="home">
{% include menu.html %}

<div id="container">
<div id="header">
<h1>JRuby</h1>
<h2>The <strong><em>Ruby</em> Programming Language</strong><br/> on the JVM</h2>
{% include release.html %}
</div>
<main>
{{ content }}
</div>

<div id="latest">
<div class="wrapper">
<div id="news" class="halfColumn">
<h2>Recent News <a href="/atom.xml"><img src="/images/rss.png"/></a></h2>
<section class="home-columns">
<div class="latest-news">
<h2>Recent News <a href="/atom.xml"><img src="/images/rss.png" alt="RSS" width="14" height="14"></a></h2>
{% assign post = site.posts.first %}
<h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
{{ post.content | truncate: 500 }}
<p><a href="{{ post.url }}"><i>more...</i></a></p>

<div class="news-item">
<h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
<p class="news-excerpt">{{ post.content | strip_html | truncate: 280 }}</p>
<p><a href="{{ post.url }}"><i>more&hellip;</i></a></p>
</div>

<h3>Awards</h3>
<ul class="badges">
<li>
<a href="http://www.infoworld.com/d/open-source/bossie-awards-2010-the-best-open-source-application-development-software-140?source=rs"><img src="/images/award-bossie2010.png" alt="InfoWorld 2010 Bossie Awards - Best of Open Source Software" class="left" />
<h4>InfoWorld 2010 Bossie Awards: Best of Open Source Software</h4></a>
<p>InfoWorld's Best of Open Source Software Awards, chosen annually by Test Center editors and reviewers, recognize the best open source software for developers, IT organizations, and the business users they serve.</p>
</li>
</ul>
<div class="news-item">
<a href="http://www.infoworld.com/d/open-source/bossie-awards-2010-the-best-open-source-application-development-software-140?source=rs">
<img src="/images/award-bossie2010.png" alt="InfoWorld 2010 Bossie Awards - Best of Open Source Software" width="120">
<h4>InfoWorld 2010 Bossie Awards: Best of Open Source Software</h4>
</a>
<p class="news-excerpt">InfoWorld's Best of Open Source Software Awards, chosen annually by Test Center editors and reviewers, recognize the best open source software for developers, IT organizations, and the business users they serve.</p>
</div>
</div>

<div id="mastodon" class="halfColumn">
<div style="clear:both; padding-top: 1.2em;"></div>

<h2>Recent Toots <a href="https://ruby.social/@JRuby"><img src="/images/mastodon-logo-purple.svg" width="20" height="20" /></a></h2>

<div class="quick-links">
<h2>Recent Toots <a href="https://ruby.social/@JRuby"><img src="/images/mastodon-logo-purple.svg" width="16" height="16" alt="Mastodon"></a></h2>
<div id="mt-container" class="mt-container">
<div class="mt-body" role="feed">
<div class="mt-loading-spinner"></div>
</div>
</div>

<script src="https://cdn.jsdelivr.net/npm/@idotj/mastodon-embed-timeline@4.4.2/dist/mastodon-timeline.umd.js" integrity="sha256-E6WPG6iq+qQIzvu3HPJJxoAeRdum5siq13x4ITjyxu8=" crossorigin="anonymous"></script>
<script>
const myTimeline = new MastodonTimeline.Init({
instanceUrl: "https://ruby.social",
timelineType: "profile",
userId: "109306378143906411",
profileName: "@jruby",
maxNbPostShow: 1,
hideCounterBar: true
});
</script>
</div>
</div>
<div style="padding: 2em">
<p text-align="center">Historical releases hosted by <a href="https://www.engineyard.com/"><br/><img alt="Engine Yard" src="https://www.engineyard.com/wp-content/uploads/2021/10/Engine-Yard-Logo-4.svg" style="width: 179.06px; height: 28.08px;"></a>
</p>
</div>
<div id="footer">
{% include footer.html %}
</div>
</div>
{% include scripts.html %}
<script src="/javascripts/jquery-easing.1.2.pack.js" type="text/javascript"></script>
<script src="/javascripts/jquery-easing-compatibility.1.2.pack.js" type="text/javascript"></script>
<script src="/javascripts/coda-slider.1.1.1.pack.js" type="text/javascript"></script>

</section>

<p class="awards-row">Historical releases hosted by <a href="https://www.engineyard.com/"><img alt="Engine Yard" src="https://www.engineyard.com/wp-content/uploads/2021/10/Engine-Yard-Logo-4.svg" style="width: 140px; height: auto; vertical-align: middle;"></a></p>
</main>
{% include footer.html %}

<script src="https://cdn.jsdelivr.net/npm/@idotj/mastodon-embed-timeline@4.4.2/dist/mastodon-timeline.umd.js" integrity="sha256-E6WPG6iq+qQIzvu3HPJJxoAeRdum5siq13x4ITjyxu8=" crossorigin="anonymous"></script>
<script>
const myTimeline = new MastodonTimeline.Init({
instanceUrl: "https://ruby.social",
timelineType: "profile",
userId: "109306378143906411",
profileName: "@jruby",
maxNbPostShow: 1,
hideCounterBar: true
});
</script>
{% include tracking.html %}
</body>
</html>
29 changes: 9 additions & 20 deletions _layouts/main.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,29 +1,18 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!DOCTYPE html>
<html lang="en">
<head>
{% include head.html %}
</head>
<body>
{% include menu.html %}

<div id="container">
<div id="header">
{% include banner.html %}
{% include release.html %}
<main>
{% include banner.html %}
{% include release.html %}
<div class="content-page">
{{ content }}
</div>
<div id="content">
<div id="white">
<div class="body">
{{ content }}
</div>
</div>
</div>
<div id="footer">
{% include footer.html %}
</div>
</div>
{% include scripts.html %}
</main>
{% include footer.html %}
{% include tracking.html %}
</body>
</html>
40 changes: 20 additions & 20 deletions _layouts/post.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,29 +1,29 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!DOCTYPE html>
<html lang="en">
<head>
{% include head.html %}
</head>
<body>
{% include menu.html %}

<div id="container">
<div id="header">
{% include banner.html %}
{% include release.html %}
</div>
<div id="content">
<div id="white">
<h2>{{ page.title }}</h>
<h3>{{ page.date | date: "%A, %B %d %Y" }}</h3>

<div class="body">
{{ content }}
</div>
<main>
{% include banner.html %}
{% include release.html %}
<article class="post">
<header class="post-header">
<h1>{{ page.title }}</h1>
<p class="post-meta">
<time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%B %-d, %Y" }}</time>
</p>
</header>
<div class="post-content">
{{ content }}
</div>
</div>
</div>
{% include scripts.html %}
<footer class="post-footer">
<p><a href="/news">&larr; All news</a></p>
</footer>
</article>
</main>
{% include footer.html %}
{% include tracking.html %}
</body>
</html>
18 changes: 7 additions & 11 deletions blogs.markdown
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,24 +7,20 @@ title: JRuby Bloggers

### JRuby Team

[**The JRuby Team**][team] - Release announcements, news, conference dates, and other information go out through the JRuby Team Blog.
**[The JRuby Team Blog](https://blog.jruby.org/)** &mdash; Release announcements, news, conference dates, and other information go out through the JRuby Team Blog.

### Team Members

Most of the JRuby team have blogs, as do many community members. Here's a listing of blogs you may want to check out.

[**Charles Oliver Nutter**][headius] - Charles is one of the co-leads of JRuby and blogs about it, Ruby, Java, and lots of other related topics.
**[Charles Oliver Nutter (headius)](https://blog.headius.com/)** &mdash; Charles is one of the co-leads of JRuby and blogs about it, Ruby, Java, and lots of other related topics.

[**Thomas Enebo**][enebo] - Tom is another co-lead and blogs about JRuby releases as well as libraries and subprojects he's working on.
**[Thomas Enebo](http://blog.enebo.com/)** &mdash; Tom is another co-lead and blogs about JRuby releases as well as libraries and subprojects he's working on.

[**Nick Sieger**][sieger] - Nick is a JRuby core dev, famous for starting ActiveRecord-JDBC and Warbler. He's also an avid blogger.
**[Nick Sieger](http://blog.nicksieger.com/)** &mdash; Nick is a JRuby core dev, famous for starting ActiveRecord-JDBC and Warbler. He's also an avid blogger.

[**Ola Bini**][bini] - Ola is one of JRuby's most prolific contributors, and he now blogs on JRuby, his new language Ioke, and computer-language related content.
**[Ola Bini](https://olabini.com/blog/)** &mdash; Ola is one of JRuby's most prolific contributors, and he blogs on JRuby, his language Ioke, and computer-language related content.

If you have a blog you think should be listed here, please contact us!
---

[team]: http://blog.jruby.org/
[headius]: http://blog.headius.com/
[enebo]: http://blog.enebo.com/
[sieger]: http://blog.nicksieger.com/
[bini]: https://olabini.com/blog/
If you have a blog you think should be listed here, please [contact us](mailto:team@jruby.org)!
Loading