Skip to content

Commit d4cd95c

Browse files
drewbarontinidrewbarontini
committed
Initial design update
- Import content into new design - Add logo, colors, etc.
1 parent 8068e2e commit d4cd95c

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

72 files changed

+993
-2751
lines changed

‎.gitignore‎

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,3 @@
1515

1616
# I loath thee, .DS_Store
1717
.DS_Store
18-
19-
# Ignore the legacy files
20-
legacy/codekit-config.json

‎Gemfile‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,4 +2,9 @@
22
# the following line to use "https"
33
source 'http://rubygems.org'
44

5-
gem "middleman", "~>3.0.13"
5+
gem "redcarpet"
6+
7+
gem 'json', '~> 1.7.7'
8+
9+
gem "middleman", "~>3.0.13"
10+
gem "middleman-livereload"

‎Gemfile.lock‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,16 +13,22 @@ GEM
1313
chunky_png (~> 1.2)
1414
fssm (>= 0.2.7)
1515
sass (~> 3.1)
16+
em-websocket (0.5.0)
17+
eventmachine (>= 0.12.9)
18+
http_parser.rb (~> 0.5.3)
19+
eventmachine (1.0.3)
1620
execjs (1.4.0)
1721
multi_json (~> 1.0)
1822
fssm (0.2.10)
1923
haml (4.0.2)
2024
tilt
2125
hike (1.2.2)
26+
http_parser.rb (0.5.3)
2227
http_router (0.10.2)
2328
rack (>= 1.0.0)
2429
url_mount (~> 0.2.1)
2530
i18n (0.6.1)
31+
json (1.7.7)
2632
listen (0.7.3)
2733
maruku (0.6.1)
2834
syntax (>= 1.0.0)
@@ -39,6 +45,11 @@ GEM
3945
rb-fsevent (~> 0.9.3)
4046
thor (~> 0.15.4)
4147
tilt (~> 1.3.6)
48+
middleman-livereload (3.1.0)
49+
em-websocket (>= 0.2.0)
50+
middleman-core (>= 3.0.2)
51+
multi_json (~> 1.0)
52+
rack-livereload
4253
middleman-more (3.0.13)
4354
coffee-script (~> 2.2.0)
4455
coffee-script-source (~> 1.3.3)
@@ -66,11 +77,14 @@ GEM
6677
i18n (~> 0.6)
6778
padrino-core (= 0.10.7)
6879
rack (1.4.5)
80+
rack-livereload (0.3.13)
81+
rack
6982
rack-protection (1.5.0)
7083
rack
7184
rack-test (0.6.2)
7285
rack (>= 1.0)
7386
rb-fsevent (0.9.3)
87+
redcarpet (2.2.2)
7488
sass (3.2.8)
7589
sinatra (1.3.6)
7690
rack (~> 1.4)
@@ -97,4 +111,7 @@ PLATFORMS
97111
ruby
98112

99113
DEPENDENCIES
114+
json (~> 1.7.7)
100115
middleman (~> 3.0.13)
116+
middleman-livereload
117+
redcarpet

‎build/assets/images/drew.png‎

27.2 KB
Loading

‎build/assets/images/logo.svg‎

Lines changed: 31 additions & 0 deletions
Loading

‎build/assets/images/nick.png‎

29.4 KB
Loading

‎build/assets/stylesheets/application.css‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎build/contribute/index.html‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<!DOCTYPE html>
2+
<html lang='en'></html>
3+
<head>
4+
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'>
5+
<meta charset='utf-8'>
6+
<meta content='width=device-width, initial-scale=1.0' name='viewport'>
7+
<title>Contribute - MVCSS</title>
8+
<link href="http://fonts.googleapis.com/css?family=Roboto+Slab:400,700" media="screen" rel="stylesheet" type="text/css" />
9+
<link href="../assets/stylesheets/application.css" media="screen" rel="stylesheet" type="text/css" />
10+
</head>
11+
<body>
12+
<a class='btn' href='https://github.com/mvcss/mvcss'>View Code &rarr;</a>
13+
<div class='l-sidebar'>
14+
<header class='l-header'>
15+
<div class='c-logo'>
16+
<img width="100" height="110" src="../assets/images/logo.svg" />
17+
<b>MVCSS</b>
18+
</div>
19+
<p class='c-tagline'>A Sass-based CSS Architecture</p>
20+
</header>
21+
<nav class='l-nav'>
22+
<a href="/">About</a>
23+
<a href="/core/">Core</a>
24+
<a href="/modules/">Modules</a>
25+
<a href="/styleguide/">Style Guide</a>
26+
<a href="/library/">Library</a>
27+
<a class="is-active" href="/contribute/">Contribute</a>
28+
<a href="/creators/">Creators</a>
29+
</nav>
30+
</div>
31+
<div class='l-cell'>
32+
<h1>Contribute</h1>
33+
34+
<p>Our <a href="https://github.com/mvcss/mvcss">base project setup</a> is available on GitHub.</p>
35+
36+
<p>Want to contribute? We love pull requests and comments.</p>
37+
</div>
38+
</body>

‎build/core/index.html‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
<!DOCTYPE html>
2+
<html lang='en'></html>
3+
<head>
4+
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'>
5+
<meta charset='utf-8'>
6+
<meta content='width=device-width, initial-scale=1.0' name='viewport'>
7+
<title>Core - MVCSS</title>
8+
<link href="http://fonts.googleapis.com/css?family=Roboto+Slab:400,700" media="screen" rel="stylesheet" type="text/css" />
9+
<link href="../assets/stylesheets/application.css" media="screen" rel="stylesheet" type="text/css" />
10+
</head>
11+
<body>
12+
<a class='btn' href='https://github.com/mvcss/mvcss'>View Code &rarr;</a>
13+
<div class='l-sidebar'>
14+
<header class='l-header'>
15+
<div class='c-logo'>
16+
<img width="100" height="110" src="../assets/images/logo.svg" />
17+
<b>MVCSS</b>
18+
</div>
19+
<p class='c-tagline'>A Sass-based CSS Architecture</p>
20+
</header>
21+
<nav class='l-nav'>
22+
<a href="/">About</a>
23+
<a class="is-active" href="/core/">Core</a>
24+
<a href="/modules/">Modules</a>
25+
<a href="/styleguide/">Style Guide</a>
26+
<a href="/library/">Library</a>
27+
<a href="/contribute/">Contribute</a>
28+
<a href="/creators/">Creators</a>
29+
</nav>
30+
</div>
31+
<div class='l-cell'>
32+
<h1>Core</h1>
33+
34+
<h2>Reset / Normalize</h2>
35+
36+
<p>As long as the project size warrants it, we always get things started with a style reset. <a href="http://meyerweb.com/eric/tools/css/reset/">Eric Meyer&#39;s Reset CSS</a> is still our favorite, but alternatives like <a href="http://necolas.github.io/normalize.css/">Normalize.css</a> are easily interchangeable.</p>
37+
38+
<h2>Settings</h2>
39+
40+
<p>The settings partial centers on reusable utilities - @font-face declarations, variables, mixins, classes to be used with placeholder selectors, and keyframe animations. Grouping everything into one file allows newcomers to the project the means to find out what&#39;s available to them quickly.</p>
41+
42+
<h2>Base</h2>
43+
44+
<p>This section sets any base-level styles for tags, such as <code>p</code> or <code>h1</code>, beyond what&#39;s included in the reset or nomalize. Text styles set here reflect the most common appearance of that tag in the design.</p>
45+
46+
<h2>Inbox</h2>
47+
48+
<p>Adding an inbox section to the bottom of your application file allows developers, and those not actively working on the CSS, to quickly add styles that are easily seen by the maintainer of the file.</p>
49+
50+
<h2>Compass</h2>
51+
52+
<p><a href="http://compass-style.org/">Compass</a> provides utilities and niceties to make your life easier. We use it, and we recommend that you give it a try. There&#39;s even a placeholder comment at the top of the application file that shows you where to put your imports for Compass.</p>
53+
</div>
54+
</body>

‎build/creators/index.html‎

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
<!DOCTYPE html>
2+
<html lang='en'></html>
3+
<head>
4+
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'>
5+
<meta charset='utf-8'>
6+
<meta content='width=device-width, initial-scale=1.0' name='viewport'>
7+
<title>Creators - MVCSS</title>
8+
<link href="http://fonts.googleapis.com/css?family=Roboto+Slab:400,700" media="screen" rel="stylesheet" type="text/css" />
9+
<link href="../assets/stylesheets/application.css" media="screen" rel="stylesheet" type="text/css" />
10+
</head>
11+
<body>
12+
<a class='btn' href='https://github.com/mvcss/mvcss'>View Code &rarr;</a>
13+
<div class='l-sidebar'>
14+
<header class='l-header'>
15+
<div class='c-logo'>
16+
<img width="100" height="110" src="../assets/images/logo.svg" />
17+
<b>MVCSS</b>
18+
</div>
19+
<p class='c-tagline'>A Sass-based CSS Architecture</p>
20+
</header>
21+
<nav class='l-nav'>
22+
<a href="/">About</a>
23+
<a href="/core/">Core</a>
24+
<a href="/modules/">Modules</a>
25+
<a href="/styleguide/">Style Guide</a>
26+
<a href="/library/">Library</a>
27+
<a href="/contribute/">Contribute</a>
28+
<a class="is-active" href="/creators/">Creators</a>
29+
</nav>
30+
</div>
31+
<div class='l-cell'>
32+
<h1>The Creators</h1>
33+
34+
<p><img alt="Drew Barontini" src="../assets/images/drew.png" />
35+
<img alt="Nick Walsh" src="../assets/images/nick.png" /></p>
36+
37+
<p><a href="https://twitter.com/drewbarontini">Drew Barontini</a> and <a href="https://twitter.com/nickawalsh">Nick Walsh</a> are front-end devs at Orlando-based <a href="http://envylabs.com/">Envy Labs</a> and <a href="http://www.codeschool.com/">Code School</a>. Both are adamant about alphabetizing properties, keeping personal effects at right angles, and unfortunately don&#39;t sport (or attempt to) the above facial hair.</p>
38+
39+
<h2>Workshop</h2>
40+
41+
<p>Interested in learning how to tackle modern applications, keep your styles maintainable, and employ a number of common patterns? We&#39;re running a day-long workshop at this year&#39;s <a href="http://frontenddesignconference.com/">Front-End Design Conference in St. Petersburg</a>, FL. Space is limited!</p>
42+
</div>
43+
</body>

0 commit comments

Comments
 (0)