Skip to content

Instantly share code, notes, and snippets.

@rsobers

rsobers/index.html

Created April 23, 2014 01:04
Show Gist options
  • Save rsobers/11199647 to your computer and use it in GitHub Desktop.
Save rsobers/11199647 to your computer and use it in GitHub Desktop.
Download ZIP
A Pen by rsobers.
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>cliFogot - A command line builder for Windows sysadmins</title>
</head>
<body class="page-overview">
<!-- Navbar -->
<div class="navbar navbar-inverse">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle" data-target=".navbar-collapse"
data-toggle="collapse" type="button"><span class="sr-only">Toggle
navigation</span></button><a class="navbar-brand" href=
"/"><span class="logo"></span></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="navbar-collapse collapse">
<form class="navbar-form navbar-right" role="form">
<div class="form-group">
<input type="text" placeholder="Search" class="form-control">
</div>
<button type="submit" class="btn btn-primary">Search</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">Overview</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div><!--/.navbar-collapse -->
</div>
</div>
<!-- Main page body -->
<div class="container">
<div class="row">
<!-- Sidebar -->
<div class="col-md-2" id="sidebar">
<div class="cli-sidenav hidden-print affix-top">
<ul class="nav" id="categories">
<li class="nav-header"><i class="fa fa-sitemap"></i> Categories</li>
<li><a href="#">Active Directory</a></li>
<li><a href="#" class="active">Disk Utilities</a></li>
<li><a href="#">Security</a></li>
<li><a href="#">File System</a></li>
</ul>
<ul class="nav" id="popular">
<li class="nav-header"><i class="fa fa-thumbs-up"></i> Popular</li>
<li><a href="#">Csvde</a></li>
<li><a href="#">Adprep</a></li>
<li><a href="#">Mount</a></li>
<li><a href="#">Icacls</a></li>
</ul>
</div>
</div>
<!-- Main column -->
<div class="col-md-10" id="main-column">
<!-- Overview section -->
<div class="cli-section">
<h1 id="tagline">An easy way for Windows sysadmins to build, share, and discover useful command line tools.</h1>
<p class="lead">To get started, browse through existing recipes to find the perfect command for the task at hand, or build your own from scratch. Need help or want to provide feeback? <a href="/contact">Drop us a line.</a></p>
</div>
<!-- Example recipes section -->
<div class="cli-section">
<h3 id="examples">Example command recipes</h3>
<ul>
<li><a href="#">Find ACLs containing the "Everyone" group (icalcs)</a></li>
<li><a href="#">Mount a folder as a virtual drive (subst)</a></li>
<li><a href="#">Take ownership of all files within a folder (takeown)</a></li>
<li><a href="#">Export Active Directory security groups to Excel (csvde)</a></li>
</ul>
</div>
<!-- Featured command section -->
<!--
NOTE: this is where the show.html.erb stuff would begin for a given command
minus the <h3 id="featured-command" bit.
-->
<div class="cli-section">
<h3 id="featured-command">Featured command</h3>
<div class="row">
<div class="col-md-7">
<div class="command">
<h4 class="command-name">Mount</h4>
<p>Mount lets you mount Network File System (NFS) network shares.</p>
<h5>Inputs</h5>
<div class="input-wrapper">
<div class="input-name selected">
<p>-o rsize=&lt;buffersize&gt;</p>
</div>
<div class="input-description">
<p>Set the size in kilobytes of the read buffer. Acceptable values are 1, 2, 4, 8, 16, and 32; the default is 32 KB.</p>
</div>
</div>
<div class="input-wrapper">
<div class="input-name">
<p>-o wsize=&lt;buffersize&gt;</p>
</div>
<div class="input-description">
<p>Set the size in kilobytes of the write buffer. Acceptable values are 1, 2, 4, 8, 16, and 32; the default is 32 KB.</p>
</div>
</div>
<div class="input-wrapper">
<div class="input-name">
<p>-o wsize=&lt;buffersize&gt;</p>
</div>
<div class="input-description">
<p>Set the size in kilobytes of the write buffer. Acceptable values are 1, 2, 4, 8, 16, and 32; the default is 32 KB.</p>
</div>
</div>
<div class="input-wrapper">
<div class="input-name">
<p>-o wsize=&lt;buffersize&gt;</p>
</div>
<div class="input-description">
<p>Set the size in kilobytes of the write buffer. Acceptable values are 1, 2, 4, 8, 16, and 32; the default is 32 KB.</p>
</div>
</div>
<div class="input-wrapper">
<div class="input-name">
<p>-o wsize=&lt;buffersize&gt;</p>
</div>
<div class="input-description">
<p>Set the size in kilobytes of the write buffer. Acceptable values are 1, 2, 4, 8, 16, and 32; the default is 32 KB.</p>
</div>
</div>
</div>
</div>
<!-- Output box column -->
<div class="col-md-5">
<!-- NOTE: Sticky output box isn't sticking for me. -->
<!-- I tried to keep this markup the same as before. -->
<div class="output-container affix-top">
<h3>Output</h3>
<textarea id="output_command" name="output_command" value="" style="width: 100%; font-size: 16px; color: #333; margin-bottom: 5px;"></textarea>
<div id="share-container" style="display:none;">
<h4>Share This URL and Keep Your Settings</h4>
<input type="text" id="share_url" name="share_url" value="" style="width: 100%;font-size: 12px; color: #333; margin-bottom: 30px;">
</div>
<a id="share-button" class="btn btn-primary">Share</a>
<button id="copy-button" class="btn btn-success" data-clipboard-target="output_command">Copy Output</button>
<div id="output-message">
</div>
<p class="powered-by">Powered by <a href="http://www.varonis.com">Varonis</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer section -->
<footer>
<p>© <script>document.write(new Date().getFullYear())</script> Varonis Systems, Inc. <a href="mailto:[email protected]">Send us an email.</a></b> <iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" src="https://platform.twitter.com/widgets/follow_button.1397165098.html#_=1398212809173&amp;dnt=true&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=cliforgot&amp;show_count=false&amp;show_screen_name=true&amp;size=m" class="twitter-follow-button twitter-follow-button" title="Twitter Follow Button" data-twttr-rendered="true" style="width: 135px; height: 20px;"></iframe></p>
</footer>
</body>
</html>
Raw
style.css
/*!
* Bootstrap v3.0.3 (http://getbootstrap.com)
* Copyright 2014 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
.btn:active,
.btn.active {
background-image: none;
}
.btn-default {
background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #dbdbdb;
border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus {
background-color: #e0e0e0;
background-position: 0 -15px;
}
.btn-default:active,
.btn-default.active {
background-color: #e0e0e0;
border-color: #dbdbdb;
}
.btn-primary {
background-color: #27aae1;
border-color: #2b669a;
}
.btn-primary:hover,
.btn-primary:focus {
background-color: #1a8bbb;
}
.btn-primary:active,
.btn-primary.active {
background-color: #146a8e;
border-color: #2b669a;
}
.btn-success {
background-image: -webkit-linear-gradient(top, #8add6d 0%, #60b044 100%);
background-image: linear-gradient(to bottom, #8add6d 0%, #60b044 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8add6d', endColorstr='#ff60b044', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #3e8f3e;
}
.btn-success:hover,
.btn-success:focus {
background-color: #60b044;
background-position: 0 -15px;
}
.btn-success:active,
.btn-success.active {
background-color: #419641;
border-color: #3e8f3e;
}
.btn-warning {
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #e38d13;
}
.btn-warning:hover,
.btn-warning:focus {
background-color: #eb9316;
background-position: 0 -15px;
}
.btn-warning:active,
.btn-warning.active {
background-color: #eb9316;
border-color: #e38d13;
}
.btn-danger {
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #b92c28;
}
.btn-danger:hover,
.btn-danger:focus {
background-color: #c12e2a;
background-position: 0 -15px;
}
.btn-danger:active,
.btn-danger.active {
background-color: #c12e2a;
border-color: #b92c28;
}
.btn-info {
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #28a4c9;
}
.btn-info:hover,
.btn-info:focus {
background-color: #2aabd2;
background-position: 0 -15px;
}
.btn-info:active,
.btn-info.active {
background-color: #2aabd2;
border-color: #28a4c9;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
background-color: #e8e8e8;
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
background-repeat: repeat-x;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
background-color: #357ebd;
background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
background-repeat: repeat-x;
}
.navbar-default {
background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-radius: 4px;
}
.navbar-default .navbar-nav > .active > a {
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
background-image: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0);
background-repeat: repeat-x;
}
.navbar-inverse {
background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
}
.navbar-inverse .navbar-nav > .active > a {
background-image: -webkit-linear-gradient(top, #222 0%, #282828 100%);
background-image: linear-gradient(to bottom, #222 0%, #282828 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0);
background-repeat: repeat-x;
}
.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
.alert-success {
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
background-repeat: repeat-x;
border-color: #b2dba1;
}
.alert-info {
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
background-repeat: repeat-x;
border-color: #9acfea;
}
.alert-warning {
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
background-repeat: repeat-x;
border-color: #f5e79e;
}
.alert-danger {
background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
background-repeat: repeat-x;
border-color: #dca7a7;
}
.progress {
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
background-repeat: repeat-x;
}
.progress-bar {
background-image: -webkit-linear-gradient(top, #428bca 0%, #3071a9 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
background-repeat: repeat-x;
}
.progress-bar-success {
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
background-repeat: repeat-x;
}
.progress-bar-info {
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
background-repeat: repeat-x;
}
.progress-bar-warning {
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
background-repeat: repeat-x;
}
.progress-bar-danger {
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
background-repeat: repeat-x;
}
.list-group {
border-radius: 4px;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
background-image: -webkit-linear-gradient(top, #428bca 0%, #3278b3 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);
background-repeat: repeat-x;
border-color: #3278b3;
}
.panel-default > .panel-heading {
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
background-repeat: repeat-x;
}
.panel-primary > .panel-heading {
background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
background-repeat: repeat-x;
}
.panel-success > .panel-heading {
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
background-repeat: repeat-x;
}
.panel-info > .panel-heading {
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
background-repeat: repeat-x;
}
.panel-warning > .panel-heading {
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
background-repeat: repeat-x;
}
.panel-danger > .panel-heading {
background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
background-repeat: repeat-x;
}
.well {
background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
background-repeat: repeat-x;
border-color: #dcdcdc;
}
/*# sourceMappingURL=bootstrap-theme.css.map */
h1,h2,h3 {
font-family: Lato,sans-serif;
}
.navbar-inverse, .navbar-default {
background-image: none;
background-color: #34495e;
border-radius: 0;
margin-bottom: 0;
}
.navbar-inverse .navbar-nav > li > a {
color: #ccc;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a {
background-image: none;
background-color: #19232d;
background-repeat: repeat-x;
}
.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
/* Custom CSS */
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
position: relative;
}
#main-column {
border-left: 1px solid #ccc;
padding: 40px;
}
.navbar-brand {
position: absolute;
left: 20px;
z-index: 10;
}
.navbar-brand .logo {
background: transparent url(http://i.imgur.com/BLpHh3V.png) no-repeat;
width: 128px;
height: 158px;
display: block;
}
.cli-section {
margin-bottom: 30px;
}
.command-name {
font-family: "Courier New", Arial, sans-serif;
font-weight: bold;
}
h4.command-name {
font-size: 24px;
line-height: 1.5;
}
.command .input-wrapper {
margin: 20px 0;
}
.command .input-wrapper p {
margin: 10px 0;
}
.command .input-name {
padding: 5px 14px;
font-size: 12px;
background-color: #DDD;
border: solid 1px #bbb;
border-bottom: none;
background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
background: -moz-linear-gradient(top, #eee, #ccc);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#CCCCCC');
}
.command .input-name.selected {
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #60b044;
background-image: -moz-linear-gradient(#8add6d, #60b044);
background-image: -webkit-linear-gradient(#8add6d, #60b044);
background-image: linear-gradient(#8add6d, #60b044);
background-repeat: repeat-x;
border-color: #5ca941;
}
.command .input-name p {
font-size: 16px;
}
.command .input-description {
padding: 1px 15px;
background-color: #FFF;
border: solid 1px #ccc;
border-top: none;
}
#sidebar {
padding-right: 0;
}
.cli-sidenav {
margin-top: 150px;
}
.cli-sidenav ul {
padding: 0;
font-size: 16px;
position: relative;
z-index: 2;
}
.cli-sidenav .nav-header {
background: #34495e;
color: white;
margin: 0;
text-shadow: none;
text-transform: none;
font-size: 17px;
font-weight: 200;
letter-spacing: 1px;
padding: 10px 15px 9px 33px;
position: relative;
z-index: 2;
text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
margin-top: 20px;
}
.cli-sidenav ul li a {
margin: 0;
padding: 10px 15px 10px 33px;
color: #1a8bbb;
}
.cli-sidenav ul li a:hover {
background-color: #e3e3e3;
}
.cli-sidenav ul li a.active {
background: #e3e3e3;
padding: 9px 14px 9px 32px;
}
.output-container {
background-color: #34495e;
padding: 15px;
border: 1px solid #22303d;
}
.output-container h3 {
color: #ffffff;
margin-top: 0;
}
.powered-by {
margin-top: 10px;
margin-bottom: 0;
padding: 5px 0 0 0;
font-size: 12px;
line-height: 16px;
color: #ffffff;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
}
footer {
text-align: center;
padding: 30px 0;
background: #27aae1;
color: white;
}
footer .twitter-follow-button {
margin: 0 0 0 7px;
top: 5px;
position: relative;
}
footer a {
color: white;
text-decoration: underline;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment