-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
119 lines (118 loc) · 6.66 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html> <!--[if lt IE 7]><html class="no-js ie6 oldie" lang="en"><![endif]--> <!--[if IE 7]><html class="no-js ie7 oldie" lang="en"><![endif]--> <!--[if IE 8]><html class="no-js ie8 oldie" lang="en"><![endif]--> <!--[if gt IE 8]><!-->
<html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Scout - Compass and Sass without all the hassle</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="js/mylibs/fancybox/jquery.fancybox-1.3.4.css">
<link rel="stylesheet" href="css/style.min.css">
<script src="js/libs/modernizr-2.0.6.min.js"></script>
</head>
<body>
<header role="banner">
<div class="container">
<img src="images/webelo.png" alt="Our trusty Webelo" class="webelo" />
<hgroup>
<h1>
<img src="images/logo.png" alt="Scout" class="logo" />
<span class="site-name">Scout</span>
</h1>
<h2>Compass and Sass without all the hass(le)</h2>
</hgroup>
</div>
<section class="intro">
<div class="container">
<img src="images/thumb.jpg" alt="Scout app screenshot" class="screenshot" />
<h3>
Scout is a cross-platform app that delivers the power of <a href="http://sass-lang.com" rel="external">Sass</a> & <a href="http://compass-style.org" rel="external">Compass</a> into the hands of web designers.
</h3>
<p>
Scout helps make your CSS workflow a snap by delivering more control, optimization, and organization. <em>No developer required</em>.
</p>
</div>
</section>
</header>
<div id="main" role="main">
<div class="container">
<section class="download">
<h3>Download Scout</h3>
<p>
<a href="https://github.com/scout-app/scout-app/releases/download/v0.7.1_2016-03-10/scout-app-0.7.1-osx.dmg" class="mac button">Download for Mac</a>
<a href="https://github.com/scout-app/scout-app/releases/download/v0.7.1_2016-03-10/scout-app-0.7.1-win.zip" class="windows button">Download for Windows</a>
<span class="version">Current version: 0.7.1 (Mac & Windows)</span>
</p>
</section>
<section class="visuals">
<h4>Screenshots</h4>
<ul class="screenshots">
<li>
<a href="images/screenshot-config.png" rel="scout" title="Scout's project configuration screen">
<img src="images/screenshot-config-thumb.jpg" alt="Scout's config pane" />
</a>
</li>
<li>
<a href="images/screenshot-log.png" rel="scout" title="Scout's project console screen">
<img src="images/screenshot-log-thumb.jpg" alt="Scout's log pane" />
</a>
</li>
</ul>
</section>
<section class="more">
<h4>Tell me more!</h4>
<p>
Since Sass and Compass are Ruby gems, they require that you have a working knowledge of Ruby and the command line. Not all designers will know how or want to use command line tools, and that's where Scout steps in.
</p>
<p>
Scout runs Sass and Compass in a self-contained Ruby environment, letting you effortlessly manage all of your Sass projects with a handful of clicks. You'll never have to worry about your Ruby setup or deal with technical issues. Scout does all of the heavy lifting, giving you more time to do what you love.
</p>
</section>
</div>
</div>
<aside role="complementary">
<div class="container">
<div class="about-sass">
<h5>What is Sass?</h5>
<p>
<a href="http://sass-lang.com" rel="external">Sass</a> is an extension of CSS that adds nested rules, variables, mixin functions, and a whole lot more. It eases the burden of organizing and maintaining CSS code, while also compiling your Sass code to properly formatted CSS.
</p>
</div>
<div class="about-compass">
<h5>What is Compass?</h5>
<p>
<a href="http://compass-style.org" rel="external">Compass</a> is an open-source CSS framework that makes using CSS3 and popular design patterns easier than ever. Compass works exclusively with Sass to help you write cleaner, quicker CSS code.
</p>
</div>
<div class="resources">
<h5>Learning resources</h5>
<p>
We have prepared a <a href="http://www.youtube.com/watch?v=Fju3aXW6zLM&feature=youtu.be">short video</a> to help you set up Scout. If you're new to Sass, check out the <a href="http://sass-lang.com/tutorial.html" rel="external">Sass Tutorial</a> & <a href="http://thesassway.com" rel="external">The Sass Way</a>. If you've used Sass but are new to Compass, check out the <a href="http://compass-style.org/help/" rel="external">Compass Intro Video</a> for a run through of Compass's features.
</p>
</div>
<div class="help">
<h5>Leave feedback</h5>
<p>
If you have questions, comments, or any other feedback about Scout, please chime in on the GitHub Issues page. We'll try to respond promptly to any and all feedback. Thanks again for choosing Scout!
</p>
</div>
</div>
</aside>
<footer role="contentinfo">
<div class="container">
<p class="attribution">
Get the source code on GitHub: <a href="https://github.com/scout-app/scout-app/tree/scout-app-classic" rel="external">scout-app/scout-app</a><br />
</p>
<p class="copyright">
Made by & © <a href="http://mutuallyhuman.com" rel="external">Mutually Human</a>
</p>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>window.jQuery||document.write('<script src="js/libs/jquery-1.6.2.min.js"><\/script>');</script>
<script defer src="js/4b78adab88e75853be3359de97a4f47527ec29f0.js"></script>
<script>window._gaq=[["_setAccount","UA-956213-3"],["_trackPageview"],["_trackPageLoadTime"]];Modernizr.load({load:("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js"});</script> <!--[if lt IE 7 ]><script defer src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script> <script defer>window.attachEvent("onload",function(){CFInstall.check({mode:"overlay"})});</script><![endif]-->
</body>
</html>