Skip to content

Commit 5e54acc

Browse files
TimBestTimBest
committed
initialize the pubsic site
1 parent dca325d commit 5e54acc

20 files changed

+660
-0
lines changed

‎.htmlhintrc

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
{
2+
"tagname-lowercase": true,
3+
"attr-lowercase": true,
4+
"attr-value-double-quotes": true,
5+
"attr-value-not-empty": false,
6+
"attr-no-duplication": true,
7+
"doctype-first": false,
8+
"tag-pair": true,
9+
"tag-self-close": true,
10+
"spec-char-escape": true,
11+
"id-unique": true,
12+
"src-not-empty": true,
13+
"title-require": true,
14+
15+
"head-script-disabled": true,
16+
17+
"alt-require": true,
18+
19+
"doctype-html5": false,
20+
"id-class-value": false,
21+
"style-disabled": true,
22+
"inline-style-disabled": true,
23+
"inline-script-disabled": true,
24+
"space-tab-mixed-disabled": "space",
25+
"id-class-ad-disabled": true,
26+
"href-abs-or-rel": false,
27+
"attr-unsafe-chars": true
28+
}

‎.sass-lint.yml

Lines changed: 83 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,83 @@
1+
files:
2+
include: '**/*.s+(a|c)ss'
3+
rules:
4+
# Extends
5+
extends-before-mixins: 1
6+
extends-before-declarations: 1
7+
placeholder-in-extend: 1
8+
9+
# Mixins
10+
mixins-before-declarations: 1
11+
12+
# Line Spacing
13+
one-declaration-per-line: 1
14+
empty-line-between-blocks: 1
15+
single-line-per-selector: 0
16+
17+
# Disallows
18+
no-color-keywords: 1
19+
no-color-literals: 1
20+
no-css-comments: 1
21+
no-debug: 1
22+
no-duplicate-properties: 1
23+
no-empty-rulesets: 1
24+
no-extends: 0
25+
no-ids: 1
26+
no-important: 1
27+
no-invalid-hex: 1
28+
no-mergeable-selectors: 1
29+
no-misspelled-properties: 1
30+
no-qualifying-elements: 1
31+
no-trailing-zero: 1
32+
no-transition-all: 1
33+
no-url-protocols: 1
34+
no-vendor-prefixes: 1
35+
no-warn: 1
36+
property-units: 0
37+
38+
# Nesting
39+
force-attribute-nesting: 1
40+
force-element-nesting: 1
41+
force-pseudo-nesting: 1
42+
43+
# Name Formats
44+
class-name-format: 1
45+
function-name-format: 1
46+
id-name-format: 0
47+
mixin-name-format: 1
48+
placeholder-name-format: 1
49+
variable-name-format: 1
50+
51+
# Style Guide
52+
bem-depth: 0
53+
border-zero: 0
54+
brace-style: '1tbs'
55+
clean-import-paths: 1
56+
empty-args: 1
57+
hex-length: 1
58+
hex-notation: 0
59+
indentation: 1
60+
leading-zero: 1
61+
nesting-depth:
62+
- 1
63+
- max-depth: 3
64+
property-sort-order: 1
65+
quotes: 1
66+
shorthand-values: 1
67+
url-quotes: 1
68+
variable-for-property: 1
69+
zero-unit: 1
70+
71+
# Inner Spacing
72+
space-after-comma: 1
73+
space-before-colon: 1
74+
space-after-colon: 1
75+
space-before-brace: 1
76+
space-before-bang: 1
77+
space-after-bang: 1
78+
space-between-parens: 1
79+
space-around-operator: 1
80+
81+
# Final Items
82+
trailing-semicolon: 1
83+
final-newline: 1

‎404.html

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
---
2+
layout: base
3+
title: Page Not Found | gitplaylist
4+
---
5+
6+
<div class="container text-center">
7+
<h3>
8+
I am sorry, but the page you are looking for was not found
9+
</h3>
10+
<a href="/">
11+
Go to the home page
12+
</a>
13+
</div>

‎CNAME

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
www.gitplaylist.com

‎README.md

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,14 @@
11
# website
22
Public facing webpages for gitplaylist
3+
4+
## Setup
5+
To run locally: https://help.github.com/articles/using-jekyll-with-pages/
6+
7+
In project root directory run:
8+
```
9+
ln -s ../../pre-commit.sh .git/hooks/pre-commit
10+
sudo chmod +x .git/hooks/pre-commit
11+
```
12+
13+
## Project Managment
14+
[Trello Organization](https://trello.com/gitplaylist)

‎_config.yml

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
markdown: rdiscount
2+
rouge: pygments
3+
4+
sass:
5+
sass_dir: _sass
6+
style: :compressed

‎_layouts/base.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">
3+
<head>
4+
<meta charset="utf-8"/>
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
6+
<meta name="viewport" content="width=device-width, initial-scale=1"/>
7+
<meta name="theme-color" content="#59B390"/>
8+
<title>{{ page.title }}</title>
9+
<link rel="shortcut icon" type="/image/x-icon" href="/images/favicon.png"/>
10+
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css"/>
11+
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
12+
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css"/>
13+
<link href="https://fonts.googleapis.com/css?family=Libre+Baskerville" rel="stylesheet" type="text/css"/>
14+
<link rel="stylesheet" type="text/css" href="/stylesheets/style.css"/>
15+
</head>
16+
<body>
17+
<header>
18+
<div class="container flex-row-space-between">
19+
<h1>
20+
<a href="/">gitplaylist</a>
21+
</h1>
22+
<nav class="material-tabs">
23+
<a class="{{ page.about }}" href="/">About Us</a>
24+
</nav>
25+
</div>
26+
</header>
27+
<main>
28+
{{ content }}
29+
</main>
30+
<footer class="container">
31+
<hr/>
32+
<div class="flex-row-space-between">
33+
<span>
34+
<a href="http://stewartjpark.com/" target="_blank">
35+
Stewart Park
36+
</a>
37+
|
38+
<a href="http://www.timbest.net/" target="_blank">
39+
Tim Best
40+
</a>
41+
</span>
42+
<span class="inline-links">
43+
<a class="github" href="https://github.com/gitplaylist" target="_blank">
44+
<span class="fa fa-github"></span>
45+
</a>
46+
<a class="trello" href="https://trello.com/gitplaylist" target="_blank">
47+
<span class="fa fa-trello"></span>
48+
</a>
49+
</span>
50+
</div>
51+
</footer>
52+
53+
</body>
54+
</html>

‎_sass/base.scss

Lines changed: 70 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
header {
2+
background-color: $primary-color;
3+
margin-bottom: 20px;
4+
5+
a {
6+
color: $white;
7+
8+
&:hover,
9+
&:focus {
10+
text-decoration: none;
11+
}
12+
13+
&:visited {
14+
color: $white;
15+
}
16+
}
17+
18+
nav {
19+
align-self: center;
20+
21+
a {
22+
text-transform: uppercase;
23+
}
24+
}
25+
}
26+
27+
footer {
28+
$github: #333;
29+
$linkedin: #4875B4;
30+
$stack-overflow: #fe7a15;
31+
32+
.flex-row-space-between {
33+
margin: 18px 0;
34+
}
35+
36+
a {
37+
&:hover,
38+
&:focus {
39+
text-decoration: none;
40+
}
41+
}
42+
43+
.github {
44+
color: $github;
45+
46+
&:hover,
47+
&:focus {
48+
color: darken($github, 20%);
49+
}
50+
}
51+
52+
.linkedin {
53+
color: $linkedin;
54+
55+
&:hover,
56+
&:focus {
57+
color: darken($linkedin, 20%);
58+
}
59+
}
60+
61+
.stack-overflow {
62+
color: $stack-overflow;
63+
64+
&:hover,
65+
&:focus {
66+
color: darken($stack-overflow, 15%);
67+
}
68+
}
69+
70+
}

‎_sass/components/card.scss

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
$card-shadow-color: rgba(0, 0, 0, .2);
2+
3+
.card {
4+
background: $white;
5+
border: 1px solid smartscale($white, 7%);
6+
border-radius: 3px;
7+
box-shadow: 0 1px 2px $card-shadow-color;
8+
color: isitlight($white);
9+
margin: .5rem;
10+
overflow: hidden;
11+
12+
section {
13+
padding: 1rem;
14+
}
15+
}

‎_sass/components/layout.scss

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
.container {
2+
margin: 0 auto;
3+
max-width: 50rem;
4+
padding: 0 3vw;
5+
}
6+
7+
.flex-row-space-between {
8+
align-items: baseline;
9+
display: flex;
10+
flex-flow: row wrap;
11+
justify-content: space-between;
12+
}

‎_sass/components/tabs.scss

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
$vertical-padding: 18px; // padding on top and bottom of each tab
2+
$space-between-tabs: $vertical-padding; // number of pixels between tabs
3+
$active-border-width: 2px; // width of the active tabs bottom border
4+
5+
%inline-links {
6+
//HACK to prvent completely unreasonable colapse behavior on nline links
7+
padding: $vertical-padding 0;
8+
9+
a {
10+
padding: $vertical-padding ($space-between-tabs / 2);
11+
}
12+
}
13+
14+
.inline-links {
15+
@extend %inline-links;
16+
}
17+
18+
.material-tabs {
19+
@extend %inline-links;
20+
21+
a {
22+
&:visited {
23+
color: $white;
24+
}
25+
26+
&:hover,
27+
&:focus {
28+
$tab-hover-color: rgba(0, 0, 0, .2);
29+
background: $tab-hover-color;
30+
text-decoration: none;
31+
}
32+
33+
&.active {
34+
border-bottom: $active-border-width solid $secondary-color;
35+
color: $secondary-color;
36+
padding-bottom: $vertical-padding - $active-border-width;
37+
text-decoration: none;
38+
}
39+
}
40+
}

0 commit comments

Comments
 (0)