Skip to content

Commit

Permalink
Start moving the css of the website
Browse files Browse the repository at this point in the history
  • Loading branch information
@MartinSchoeler
MartinSchoeler committed May 21, 2018
1 parent f4d74b4 commit eeb693d
Show file tree
Hide file tree
Showing 23 changed files with 2,098 additions and 326 deletions.
102 changes: 75 additions & 27 deletions _includes/footer.html
View file
Original file line number Diff line number Diff line change
@@ -1,28 +1,76 @@
<footer>
<div class="wrapper">
<ul>
<li><a href="https://rocket.chat/download">Download</a></li>
<li><a href="https://rocket.chat/support">Support</a></li>
<li><a href="https://rocket.chat/cloud">Cloud</a></li>
<li><a href="https://rocket.chat/docs/">Docs</a></li>
</ul>
<ul>
<li><a href="https://rocket.chat/team">Team</a></li>
<li><a href="https://rocketchat.recruitee.com/">Jobs</a></li>
<li><a href="https://rocket.chat/partners">Partners</a></li>
<li><a href="https://rocket.chat/terms">Terms of Service</a></li>
</ul>
<ul>
<li><a href="https://rocket.chat/community">Community</a></li>
<li><a href="https://forums.rocket.chat">Forums</a></li>
<li><a href="https://rocket.chat/blog/">Blog</a></li>
<li><a href="https://rocket.chat/contact">Contact</a></li>
</ul>
<ul>
<li><a href="https://shop.spreadshirt.com/rocketchat" target="_blank">Swag Store</a></li>
<li><a href="https://www.stickermule.com/user/1070688638/stickers" target="_blank">Stickers</a></li>
<li><a href="https://rocket.chat/press">Press</a></li>
</ul>
<footer class="app-footer {% if page.theme == 'light' %}app-footer--light{% else %}app-footer--black{% endif %}">
<div class="container">

<div class="app-footer_col">
<input id="menu1" type="checkbox" />
<label for="menu1" class="app-footer_pre-menu">Product</label>
<ul class="app-footer_nav">
<li><a href="/">Rocket.Chat</a></li>
<li><a href="/support">Support</a></li>
<li><a href="/cloud">Cloud</a></li>
<li><a href="/community">Community</a></li>
<li><a target="_blank" rel="noopener noreferrer" href="//rocket.chat/docs/">Documentation</a></li rel='noopener noreferrer'>
</ul>
</div>

<div class="app-footer_col">
<input id="menu2" type="checkbox" />
<label for="menu2" class="app-footer_pre-menu">Company</label>
<ul class="app-footer_nav">
<li><a href="/team">Team</a></li>
<li><a target="_blank" rel="noopener noreferrer"href="//rocketchat.recruitee.com/">Jobs</a></li rel='noopener noreferrer'>
<li><a href="/contact">Contact</a></li>
<li><a href="/partners">Partners</a></li>
<li><a href="/press">Press</a></li>
<li><a href="/blog/">Blog</a></li>
<li><a href="/bots/">Bots</a></li>
<li><a href="/pt/webinars/">Webinars</a></li>
<li><a href="//shop.spreadshirt.com/rocketchat" target="_blank" rel="noopener noreferrer">Gift shop</a></li>
</ul>
</div>

<div class="app-footer_col">
<input id="menu3" type="checkbox" />
<label for="menu3" class="app-footer_pre-menu">Legal</label>
<ul class="app-footer_nav">
<li><a href="/terms">Terms of Service</a></li>
<li><a href="/privacy">Privacy</a></li>
<li><a href="/dmca">DMCA Policy</a></li>
</ul>
</div>

<div class="app-footer_col">
<input id="menu4" type="checkbox" />
<label for="menu4" class="app-footer_pre-menu">Get started</label>
<ul class="app-footer_nav">
<li><a class="app-footer_install" target="_blank" rel="noopener noreferrer" href="//cloud.rocket.chat/trial/small"><span><img src="/images/default/cloud.svg" alt="Free trial"></span> Cloud trial</a></li>
<li><a class="app-footer_install" href="/install" title="install"><span style="margin-top: -0.1em;"><img src="/images/default/install.svg" alt="Install"></span> Install server</a></li>
</ul>
</div>

<div class="app-footer_wrap-logo">
<h1 class="app-footer_logo">
<a href="/">
<img src="/images/default/logo.svg" alt="Rocket.Chat">
</a>
</h1>

<a class="app-footer_github" target="_blank" href="//github.com/RocketChat/Rocket.Chat" rel="noopener noreferrer">
<span><img src="/images/default/star.svg" alt="GitHub Stars"></span>
<span class="star-count">{{site.stars}}K</span>
</a>
<a class="app-footer_github" target="_blank" href="//github.com/RocketChat/Rocket.Chat/fork" rel="noopener noreferrer">
<span><img src="/images/default/fork.svg" alt="GitHub forks"></span>
<span class="fork-count">{{site.forks}}K</span>
</a>
<a class="app-footer_github-link" target="_blank" href="//github.com/RocketChat/Rocket.Chat" rel="noopener noreferrer">
<span><img src="/images/default/github.svg" alt="GitHub"></span>
Open on GitHub
</a>

<a href="//keycdn.com" target="_blank" rel="noopener noreferrer" class="app-footer_partner">
<img src="/images/default/keycdnlogo.png" alt="KeyCDN">
</a>
</div>
</div>
<div class="clear"></div>
</footer>
</footer>
57 changes: 57 additions & 0 deletions _includes/header.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
<div class="app-header app-header--black">
<header class="app-header_wrap headroom--top">
<div class="container">
<h1 class="app-header_logo">
<a href="/">
<img class="normal" src="/images/default/logo.svg" alt="Rocket.Chat">
</a>
</h1>

<input type="checkbox" id="handle-menu" />
<label class="app-header_handle-menu" for="handle-menu"><span /></label>

<nav class="app-header_menu">
<ul>
<li><a href="//rocket.chat/cloud">Cloud</a></li>
<li><a href="//rocket.chat/install">Install</a></li>
<li><a href="//rocket.chat/support">Support</a></li>
<li><a href="//rocket.chat/community">Community</a></li>
<li><a href="//rocket.chat/docs/">Docs</a></li>
<li><a href="//rocket.chat/blog/">Blog</a></li>
<li><a href="//rocket.chat/contact">Contact</a></li>
</ul>
<a class="app-header_install" href="/cloud"><span><img src="/images/default/cloud.svg" alt="Install"></span> Try now</a>
</nav>

</div>
</header>
</div>

<!--
<div class="pusher">
<header>
<div class="wrapper">
<div class="burger">
<span></span>
<span></span>
<span></span>
</div>
<a class="logo" href="/">
<img src="{{ site.url }}/images/default/logo.svg" alt="Rocket.Chat">
</a>
<a class="logo mobile" href="/">
<img src="{{ site.url }}/images/default/icon.svg" alt="Rocket.Chat">
</a>
<div class="header-items">
<ul>
<li><a href="https://rocket.chat/download">Download</a></li>
<li><a href="https://rocket.chat/cloud">Cloud</a></li>
<li><a href="https://rocket.chat/community">Community</a></li>
<li><a href="https://rocket.chat/docs/">Docs</a></li>
<li><a href="https://rocket.chat/blog/">Blog</a></li>
<li><a href="https://rocket.chat/contact">Contact</a></li>
</ul>
</div>
</div>
</header>
-->
53 changes: 4 additions & 49 deletions _layouts/default.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,32 +46,8 @@
</div>
</div>

<div class="pusher">
<header>
<div class="wrapper">
<div class="burger">
<span></span>
<span></span>
<span></span>
</div>
<a class="logo" href="/">
<img src="{{ site.url }}/images/default/logo.svg" alt="Rocket.Chat">
</a>
<a class="logo mobile" href="/">
<img src="{{ site.url }}/images/default/icon.svg" alt="Rocket.Chat">
</a>
<div class="header-items">
<ul>
<li><a href="https://rocket.chat/download">Download</a></li>
<li><a href="https://rocket.chat/cloud">Cloud</a></li>
<li><a href="https://rocket.chat/community">Community</a></li>
<li><a href="https://rocket.chat/docs/">Docs</a></li>
<li><a href="https://rocket.chat/blog/">Blog</a></li>
<li><a href="https://rocket.chat/contact">Contact</a></li>
</ul>
</div>
</div>
</header>
{% include header.html %}

<main>
<div class="wrapper main">
<div class="toc-wrapper">
Expand All @@ -96,29 +72,7 @@
</div>
</main>
</div>
<footer>
<div class="wrapper">
<ul>
<li><a href="https://rocket.chat/download">Download</a></li>
<li><a href="https://rocket.chat/cloud">Cloud</a></li>
<li><a href="https://rocket.chat/docs/">Docs</a></li>
</ul>
<ul>
<li><a href="https://rocket.chat/team">Team</a></li>
<li><a href="https://rocketchat.recruitee.com/">Jobs</a></li>
<li><a href="https://rocket.chat/partners">Partners</a></li>
</ul>
<ul>
<li><a href="https://rocket.chat/contact">Contact</a></li>
<li><a href="https://rocket.chat/press">Press</a></li>
<li><a href="https://rocket.chat/blog/">Blog</a></li>
</ul>
<ul>
<li><a href="https://shop.spreadshirt.com/rocketchat" target="_blank" data-proofer-ignore>Store</a></li>
<li><a href="https://www.stickermule.com/user/1070688638/stickers" target="_blank">Stickers</a></li>
</ul>
</div>
</footer>
{% include footer.html %}
<script src="{{ site.url }}/public/js/responsiveControl.js"></script>
<script type="text/javascript">
window.jekyll = { site: { url: '{{ site.url }}' } };
Expand All @@ -133,6 +87,7 @@
inputSelector: '#search'
});
</script>
<script src="/main.js"></script>

<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-MLJ76N"
Expand Down
24 changes: 2 additions & 22 deletions _layouts/home.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,29 +28,9 @@


<body>
<header>
<div class="wrapper">
<a class="logo" href="/">
<img src="{{ site.url }}/images/default/logo.svg" alt="Rocket.Chat">
</a>
<a class="logo mobile" href="/">
<img src="{{ site.url }}/images/default/icon.svg" alt="Rocket.Chat">
</a>
<div class="header-items">
<ul>
<li><a href="https://rocket.chat/download">Download</a></li>
<li><a href="https://rocket.chat/cloud">Cloud</a></li>
<li><a href="https://rocket.chat/community">Community</a></li>
<li><a href="https://rocket.chat/docs/">Docs</a></li>
<li><a href="https://rocket.chat/blog/">Blog</a></li>
<li><a href="https://rocket.chat/contact">Contact</a></li>
</ul>
</div>
</div>
</header>

{% include header.html %}

<main style="margin-top: 0">
<main style="margin-top: 0; padding-top: 0;">
<div class="search-wrapper">
<h1 class="title">Rocket.Chat Documentation</h1>
<p class="description">Welcome to Rocket.Chat! Get familiar with Rocket.Chat and explore our features:</p>
Expand Down
Loading

0 comments on commit eeb693d

Please sign in to comment.