Skip to content

Commit

Permalink
Responsive layout
Browse files Browse the repository at this point in the history
  • Loading branch information
@rolandhegedus
rolandhegedus committed Feb 5, 2016
1 parent aa5a933 commit 9018749
Show file tree
Hide file tree
Showing 15 changed files with 1,272 additions and 126 deletions.
7 changes: 7 additions & 0 deletions _config.yml
View file
Expand Up @@ -26,24 +26,31 @@ meta:
navigation:
- title: Home
uri: /
icon: fa-home
- title: Downloads
uri: https://github.com/inspircd/inspircd/releases
target: _blank
icon: fa-cloud-download
- title: Wiki
uri: https://wiki.inspircd.org
target: _blank
icon: fa-book
- title: Issue Tracker
uri: https://github.com/inspircd/inspircd/issues
target: _blank
icon: fa-bug
- title: InspIRCd API
uri: api/2.0
target: _blank
icon: fa-code
- title: Follow us on GitHub
uri: https://github.com/inspircd
target: _blank
icon: fa-github
- title: Get InspIRCd
uri: https://github.com/inspircd/inspircd/releases/latest
target: _blank
icon: fa-download

config:
# theme: red {default} | green | blue
Expand Down
174 changes: 98 additions & 76 deletions _layouts/default.html
View file
Expand Up @@ -10,105 +10,127 @@
<meta name="description" content="{{ site.meta.description }}">
<meta name="keywords" content="{{ site.meta.keywords }}">
<meta http-equiv="X-UA-Compatible" content="IE=Edge;Chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<link type="application/atom+xml" href="{{ site.config.devurl}}/atom.xml" rel="alternate" title="News">
<link type="image/x-icon" href="{{ site.config.devurl}}/assets/images/inspircd.ico" rel="shortcut icon">
<link rel="icon" type="image/png" href="{{ site.config.devurl}}/assets/images/inspircd_icon.png">
<link href='https://fonts.googleapis.com/css?family=Lato:400,100,300,700,900' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="{{ site.config.devurl}}/assets/css/font-awesome.min.css">
<link rel="stylesheet" href="{{ site.config.devurl}}/assets/css/inspircd.css">
<script type="text/javascript" src="{{ site.config.devurl}}/assets/scripts/libs/jquery.js"></script>
<script type="text/javascript" src="{{ site.config.devurl}}/assets/scripts/inspircd.js"></script>
</head>
{% if site.config.theme %}
<body class="inspircd__site-style--{{ site.config.theme }}">
{% else %}
<body class="inspircd__site-style--red">
{% endif %}
<header>
<div class="header__top-bar">
<div class="wrapper">
{% if site.config.devurl %}
<a class="header__logo inspircd__logo inspircd__logo--small" href="{{ site.config.devurl}}">
{% else %}
<a class="header__logo inspircd__logo inspircd__logo--small" href="/">
{% endif %}
Welcome to INSPIRCD.org
<div class="offside__wrap">
<ul class="offside__navigation">
{% for link in site.navigation %}
<li>
<a href="{{ link.uri }}" target="{{ link.target }}">
{% if link.icon %}
<i class="offside__navigation-item-icon fa {{ link.icon }}"></i>
{% endif %}
{{ link.title }}
</a>
<nav class="header__navigation">
<ul class="header__navigation-list">
{% for link in site.navigation %}
{% if forloop.first == false %}
{% if forloop.last == true %}
<li class="header__navigation-list-item button">
<a href="{{ link.uri }}" target="{{ link.target }}">{{ link.title }}</a>
</li>
{% else %}
<li class="header__navigation-list-item">
<a href="{{ link.uri }}" target="{{ link.target }}">{{ link.title }}</a>
</li>
</li>
{% endfor %}
</ul>
</div>
<div class="site__wrap">
<header>
<div class="header__top-bar">
<div class="wrapper">
<div class="header__mobile-menu">
<i class="fa fa-bars"></i>
</div>
{% if site.config.devurl %}
<a class="header__logo inspircd__logo inspircd__logo--small" href="{{ site.config.devurl}}">
{% else %}
<a class="header__logo inspircd__logo inspircd__logo--small" href="/">
{% endif %}
Welcome to INSPIRCD.org
</a>
<nav class="header__navigation">
<ul class="header__navigation-list">
{% for link in site.navigation %}
{% if forloop.first == false %}
{% if forloop.last == true %}
<li class="header__navigation-list-item button">
<a href="{{ link.uri }}" target="{{ link.target }}">{{ link.title }}</a>
</li>
{% else %}
<li class="header__navigation-list-item">
<a href="{{ link.uri }}" target="{{ link.target }}">{{ link.title }}</a>
</li>
{% endif %}
{% endif %}
{% endif %}
{% endfor %}
</ul>
</nav>
</div>
</div>
</header>
<main>
<section class="headline">
<div class="wrapper">
<div class="headline__greeter">
Welcome to <span class="inspircd__logo inspircd__logo--large"></span>
{% endfor %}
</ul>
</nav>
</div>
<div class="headline__introduction-wrapper">
<div class="headline__terminal-wrapper">
<div class="headline__terminal"></div>
<div class="headline__terminal-text">
What is
<div class="inspircd__logo inspircd__logo--medium inspircd__logo--light"></div>
</div>
</div>
</header>
<main>
<section class="headline">
<div class="wrapper">
<div class="headline__greeter">
Welcome to <span class="inspircd__logo inspircd__logo--large"></span>
</div>
<div class="headline__introduction">
<p>InspIRCd is a modular Internet Relay Chat (IRC) server written in C++ for Linux, BSD, Windows and Mac OS X systems.</p>
<p>It was created from scratch to be stable, modern and lightweight. It avoids a number of design flaws and performance issues that plague other more established projects, such as UnrealIRCd, while providing the same level of feature parity.</p>
<p>It provides a tunable number of features through the use of an advanced but well documented module system. By keeping core functionality to a minimum we hope to increase the stability, security and speed of InspIRCd while also making it customisable to the needs of many different users.</p>
<p>And after all it’s <strong>free</strong> and <strong>open source</strong>.</p>
<div class="headline__introduction-bottom-wrapper">
<div class="button accent">
<a href="{{ site.config.latestUrl }}" target="_blank" title="Get the latest release of InspIRCd">Get InspIRCd</a>
<div class="headline__introduction-wrapper">
<div class="headline__terminal-wrapper">
<div class="headline__terminal"></div>
<div class="headline__terminal-text">
What is
<div class="inspircd__logo inspircd__logo--medium inspircd__logo--light"></div>
</div>
</div>
<div class="headline__introduction">
<p>InspIRCd is a modular Internet Relay Chat (IRC) server written in C++ for Linux, BSD, Windows and Mac OS X systems.</p>
<p>It was created from scratch to be stable, modern and lightweight. It avoids a number of design flaws and performance issues that plague other more established projects, such as UnrealIRCd, while providing the same level of feature parity.</p>
<p>It provides a tunable number of features through the use of an advanced but well documented module system. By keeping core functionality to a minimum we hope to increase the stability, security and speed of InspIRCd while also making it customisable to the needs of many different users.</p>
<p>And after all it’s <strong>free</strong> and <strong>open source</strong>.</p>
<div class="headline__introduction-bottom-wrapper">
<div class="button accent">
<a href="{{ site.config.latestUrl }}" target="_blank" title="Get the latest release of InspIRCd">Get InspIRCd</a>
</div>
<span class="alt-text">or take a look at our <a href="{{ site.config.installGuideUrl }}" title="Check our installation guide" target="_blank">installation guide</a> followed by our <a href="{{ site.config.configGuideUrl }}" title="Check our configuration guide" target="_blank">configuration guide</a></span>
</div>
<span class="alt-text">or take a look at our <a href="{{ site.config.installGuideUrl }}" title="Check our installation guide" target="_blank">installation guide</a> followed by our <a href="{{ site.config.configGuideUrl }}" title="Check our configuration guide" target="_blank">configuration guide</a></span>
</div>
<div class="clear"></div>
</div>
</div>
</section>
<section class="posts">
<div class="wrapper">
{{ content }}
<div class="clear"></div>

{% if paginator.next_page %}
<div class="posts__loadmore-button">
<a href="{{ site.config.devurl}}/page{{ paginator.next_page }}">show more articles</a>
</div>
{% endif %}
</div>
</div>
</section>
<section class="posts">
</section>
</main>
<footer class="footer">
<div class="wrapper">
{{ content }}
<section class="footer__left-col">
<div class="inspircd__logo inspircd__logo--small inspircd__logo--light"></div>
<p class="copyright">InspIRCd &copy;2002-{{ 'now' | date: "%Y" }} InspIRCd Development Team</p>
<p class="license">Licensed under the terms of the <a href="http://www.gnu.org/licenses/gpl-2.0.html" target="_blank">GNU General Public License 2.0</a></p>
<p class="design-copyright">Website design and template by Roland Hegedus &copy;2015-{{ 'now' | date: "%Y" }}</p>
</section>
<section class="footer__right-col">
<p class="version">Current stable version v{{ site.config.currentVersion }}</p>
<p class="follow_us">Follow us on <a href="{{ site.config.devurl}}/atom.xml" title="Follow us on RSS" class="rss-logo tpartylogo" target="_blank">rss</a> and <a href="{{ site.config.gitHubUrl }}" class="github-logo tpartylogo" title="Follow us on GitHub" target="_blank">github</a></p>
</section>
<div class="clear"></div>

{% if paginator.next_page %}
<div class="posts__loadmore-button">
<a href="{{ site.config.devurl}}/page{{ paginator.next_page }}">show more articles</a>
</div>
{% endif %}
</div>
</section>
</main>
<footer class="footer">
<div class="wrapper">
<section class="footer__left-col">
<div class="inspircd__logo inspircd__logo--small inspircd__logo--light"></div>
<p class="copyright">InspIRCd &copy;2002-{{ 'now' | date: "%Y" }} InspIRCd Development Team</p>
<p class="license">Licensed under the terms of the <a href="http://www.gnu.org/licenses/gpl-2.0.html" target="_blank">GNU General Public License 2.0</a></p>
<p class="design-copyright">Website design and template by Roland Hegedus &copy;2015-{{ 'now' | date: "%Y" }}</p>
</section>
<section class="footer__right-col">
<p class="version">Current stable version v{{ site.config.currentVersion }}</p>
<p class="follow_us">Follow us on <a href="{{ site.config.devurl}}/atom.xml" title="Follow us on RSS" class="rss-logo tpartylogo" target="_blank">rss</a> and <a href="{{ site.config.gitHubUrl }}" class="github-logo tpartylogo" title="Follow us on GitHub" target="_blank">github</a></p>
</section>
<div class="clear"></div>
</div>
</footer>
</footer>
</div>
</body>
</html>
114 changes: 68 additions & 46 deletions _layouts/inner.html
View file
Expand Up @@ -10,61 +10,83 @@
<meta name="description" content="{{ site.meta.description }}">
<meta name="keywords" content="{{ site.meta.keywords }}">
<meta http-equiv="X-UA-Compatible" content="IE=Edge;Chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<link type="application/atom+xml" href="{{ site.config.devurl}}/atom.xml" rel="alternate" title="News">
<link type="image/x-icon" href="{{ site.config.devurl}}/assets/images/inspircd.ico" rel="shortcut icon">
<link rel="icon" type="image/png" href="{{ site.config.devurl}}/assets/images/inspircd_icon.png">
<link href='https://fonts.googleapis.com/css?family=Lato:400,100,300,700,900' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="{{ site.config.devurl}}/assets/css/font-awesome.min.css">
<link rel="stylesheet" href="{{ site.config.devurl}}/assets/css/inspircd.css">
<script type="text/javascript" src="{{ site.config.devurl}}/assets/scripts/libs/jquery.js"></script>
<script type="text/javascript" src="{{ site.config.devurl}}/assets/scripts/inspircd.js"></script>
</head>
<body class="inspircd__site-style--{{ site.config.theme }} inspircd__site--inner">
<header>
<div class="header__top-bar">
<div class="wrapper">
{% if site.config.devurl %}
<a class="header__logo inspircd__logo inspircd__logo--small" href="{{ site.config.devurl}}">
{% else %}
<a class="header__logo inspircd__logo inspircd__logo--small" href="/">
{% endif %}
Welcome to INSPIRCD.org
<div class="offside__wrap">
<ul class="offside__navigation">
{% for link in site.navigation %}
<li>
<a href="{{ link.uri }}" target="{{ link.target }}">
{% if link.icon %}
<i class="offside__navigation-item-icon fa {{ link.icon }}"></i>
{% endif %}
{{ link.title }}
</a>
<nav class="header__navigation">
<ul class="header__navigation-list">
{% for link in site.navigation %}
{% if forloop.first == false %}
{% if forloop.last == true %}
<li class="header__navigation-list-item button">
<a href="{{ link.uri }}" target="{{ link.target }}">{{ link.title }}</a>
</li>
{% else %}
<li class="header__navigation-list-item">
<a href="{{ link.uri }}" target="{{ link.target }}">{{ link.title }}</a>
</li>
{% endif %}
{% endif %}
{% endfor %}
</ul>
</nav>
</li>
{% endfor %}
</ul>
</div>
<div class="site__wrap">
<header>
<div class="header__top-bar">
<div class="wrapper">
<div class="header__mobile-menu">
<i class="fa fa-bars"></i>
</div>
{% if site.config.devurl %}
<a class="header__logo inspircd__logo inspircd__logo--small" href="{{ site.config.devurl}}">
{% else %}
<a class="header__logo inspircd__logo inspircd__logo--small" href="/">
{% endif %}
Welcome to INSPIRCD.org
</a>
<nav class="header__navigation">
<ul class="header__navigation-list">
{% for link in site.navigation %}
{% if forloop.first == false %}
{% if forloop.last == true %}
<li class="header__navigation-list-item button">
<a href="{{ link.uri }}" target="{{ link.target }}">{{ link.title }}</a>
</li>
{% else %}
<li class="header__navigation-list-item">
<a href="{{ link.uri }}" target="{{ link.target }}">{{ link.title }}</a>
</li>
{% endif %}
{% endif %}
{% endfor %}
</ul>
</nav>
</div>
</div>
</header>
<main>
{{ content }}
</main>
<footer class="footer">
<div class="wrapper">
<section class="footer__left-col">
<div class="inspircd__logo inspircd__logo--small inspircd__logo--light"></div>
<p class="copyright">InspIRCd &copy;2002-{{ 'now' | date: "%Y" }} InspIRCd Development Team</p>
<p class="license">Licensed under the terms of the <a href="http://www.gnu.org/licenses/gpl-2.0.html" target="_blank">GNU General Public License 2.0</a></p>
<p class="design-copyright">Website design and template by Roland Hegedus &copy;2015-{{ 'now' | date: "%Y" }}</p>
</section>
<section class="footer__right-col">
<p class="version">Current stable version v{{ site.config.currentVersion }}</p>
<p class="follow_us">Follow us on <a href="{{ site.config.devurl}}/atom.xml" title="Follow us on RSS" class="rss-logo tpartylogo">rss</a> and<a href="{{ site.config.gitHubUrl }}" class="github-logo tpartylogo" title="Follow us on GitHub">github</a></p>
</section>
<div class="clear"></div>
</div>
</div>
</header>
<main>
{{ content }}
</main>
<footer class="footer">
<div class="wrapper">
<section class="footer__left-col">
<div class="inspircd__logo inspircd__logo--small inspircd__logo--light"></div>
<p class="copyright">InspIRCd &copy;2002-{{ 'now' | date: "%Y" }} InspIRCd Development Team</p>
<p class="license">Licensed under the terms of the <a href="http://www.gnu.org/licenses/gpl-2.0.html" target="_blank">GNU General Public License 2.0</a></p>
<p class="design-copyright">Website design and template by Roland Hegedus &copy;2015-{{ 'now' | date: "%Y" }}</p>
</section>
<section class="footer__right-col">
<p class="version">Current stable version v{{ site.config.currentVersion }}</p>
<p class="follow_us">Follow us on <a href="{{ site.config.devurl}}/atom.xml" title="Follow us on RSS" class="rss-logo tpartylogo">rss</a> and<a href="{{ site.config.gitHubUrl }}" class="github-logo tpartylogo" title="Follow us on GitHub">github</a></p>
</section>
<div class="clear"></div>
</div>
</footer>
</footer>
</div>
</body>
</html>

0 comments on commit 9018749

Please sign in to comment.