-
-
Notifications
You must be signed in to change notification settings - Fork 47
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- GitHub API requests are working
- Loading branch information
Patrick Burtchaell
committed
Jun 9, 2014
1 parent
f31fb4a
commit fbdc7d6
Showing
7 changed files
with
188 additions
and
30 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,87 @@ | ||
--- | ||
layout: none | ||
theme: docs | ||
--- | ||
|
||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
{{> head }} | ||
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> | ||
<link rel=stylesheet type="text/css" href=/public/css/home.css> | ||
</head> | ||
<body{{#modifier}} class="{{.}}"{{/modifier}}> | ||
|
||
{{> nav-main }} | ||
|
||
<main class="page page-home"> | ||
|
||
<section id=assemble-introduction class="page-home-section"> | ||
|
||
<div class=masthead-section> | ||
{{!--<h1 class=masthead-section-title>Build something</h1>--}} | ||
<p class=masthead-section-subtitle><a href rel=external></a></p> | ||
</div> | ||
|
||
<div class=masthead-github> | ||
<p class=commit-msg> | ||
Latest commit <a href="" rel=source>on GitHub</a> | ||
<span class=commit-msg-date></span>| | ||
<a href class=commit-msg-hash></a> | ||
<script> | ||
var month = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; | ||
$.ajax({ | ||
url: "https://api.github.com/repos/assemble/assemble/commits?access_token=a68f663a562b8c67d18f3fff16411a384316818d", | ||
dataType: 'jsonp', | ||
success: function (json) { | ||
var latest = json.data[0]; | ||
if (!latest) return; | ||
var stamp = new Date(latest.commit.committer.date), | ||
stampString = month[stamp.getMonth()] + ' ' + stamp.getDate() + ', ' + stamp.getFullYear(); | ||
//$('.commit-msg .description').text(latest.commit.message); | ||
$('.commit-msg-date').text(stampString); | ||
$('.commit-msg-hash').html('Commit ' + latest.sha + ' »'); | ||
$('.commit-msg-hash').attr('href', "https://github.com/assemble/assemble/commit/" + latest.sha); | ||
} | ||
}); | ||
$.ajax({ | ||
dataType: 'jsonp', | ||
url: 'https://api.github.com/repos/assemble/assemble?callback=assembleGitHub&access_token=a68f663a562b8c67d18f3fff16411a384316818d', | ||
success: function (response) { | ||
if (response && response.data.watchers) { | ||
var watchers = (Math.round((response.data.watchers / 100), 10) / 10).toFixed(1); | ||
$('.masthead-section-subtitle a').html(watchers + 'k stargazers'); | ||
} | ||
} | ||
}); | ||
</script> | ||
</p> | ||
</div> | ||
|
||
</section><!-- /#assemble-introduction --> | ||
|
||
<section id=assemble-projects class="page-home-section"> | ||
<article date-feature=true class=asseble-project> | ||
|
||
</article> | ||
<article class=asseble-project> | ||
|
||
</article> | ||
<article class=asseble-project> | ||
|
||
</article> | ||
</section><!-- /#assemble-projects --> | ||
|
||
<section class="page-home-section"> | ||
|
||
</section><!-- /# --> | ||
|
||
</main> | ||
|
||
{{#isnt slug 'blog'}} | ||
{{> footer }} | ||
{{/isnt}} | ||
|
||
{{> javascripts }} | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,25 +1,23 @@ | ||
# Styles | ||
|
||
> CSS styles are organized into the following concepts | ||
## Generalized styles | ||
|
||
* **Components**: generic UI components that can be used with any theme. Buttons, navbars, and so on. | ||
* **Mixins**: generalized mixins that can be used with any theme | ||
* **Utilities**: generalized styles that are either intended to be stop-gaps for more semantic or idiomatic alternatives, or allow for special styling overrides that wouldn't make sense to add to components themselves. For example, `.pull-left` and `.pull-right` are utility classes for `float: left` and `float: right`. For the majority of use cases, some components might not need built-in floats, so the `.pull-` classes come in handy when one of these components needs a float. | ||
* **Vendor**: Third-party styles from a framework, library or toolkit like Bootstrap or Zurb. | ||
- **Components**: generic UI components that can be used with any theme. Buttons, navbars, and so on. | ||
- **Mixins**: generalized mixins that can be used with any theme | ||
- **Utilities**: generalized styles that are either intended to be stop-gaps for more semantic or idiomatic alternatives, or allow for special styling overrides that wouldn't make sense to add to components themselves. For example, `.pull-left` and `.pull-right` are utility classes for `float: left` and `float: right`. For the majority of use cases, some components might not need built-in floats, so the `.pull-` classes come in handy when one of these components needs a float. | ||
- **Vendor**: Third-party styles from a framework, library or toolkit like Bootstrap or Zurb. | ||
|
||
## Themes | ||
|
||
> Themes can be thought of as **special styles**, built **on top of common styles** | ||
**Core** | ||
|
||
At minimum, every theme consists of the following: | ||
|
||
* index.less | ||
* variables.less | ||
- index.less | ||
- variables.less | ||
|
||
**Components** | ||
|
||
Whenever possible, components are generalized, but themes can have their own components when they are specific enough. For example, a [book](./themes/book) theme might have components that are book-related. It wouldn't make sense for book-specific components to be lumped in with the generic components. | ||
Whenever possible, components are generalized, but themes can have their own components when they are specific enough. For example, a [book](./themes/book) theme might have components that are book-related. It wouldn't make sense for book-specific components to be lumped in with the generic components. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,42 @@ | ||
@import '../variables'; | ||
|
||
#assemble-introduction { | ||
top: 35px; | ||
} | ||
|
||
.masthead-section { | ||
display: flex; | ||
height: 50vh; | ||
background: @black; | ||
} | ||
|
||
.masthead-section-title { | ||
flex: 1 auto; | ||
flex-direction: column; | ||
display: inline-flex; | ||
align-items: center; | ||
align-self: center; | ||
margin: 0; | ||
padding: 0; | ||
color: @white; | ||
font-family: @font-open-sans-condensed; | ||
text-transform: uppercase; | ||
letter-spacing: 3px; | ||
} | ||
|
||
.masthead-section-subtitle { | ||
letter-spacing: 1px; | ||
color: @white; | ||
} | ||
|
||
.masthead-github { | ||
box-sizing: border-box; | ||
text-align: center; | ||
padding: 10px; | ||
background: @gray-dark; | ||
color: @white; | ||
p { | ||
margin: 0; | ||
padding: 0; | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@pburtchaell my OCD would be happy if you could keep the alignment in the variables lol. that aside, I like doing this too. as long as we avoid using the actual color names in styles