-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathresources.html
168 lines (122 loc) · 9.25 KB
/
resources.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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<title>T1 Redesign RESOURCES</title>
<link rel="stylesheet" href="stylesheets/styles.css">
<link rel="stylesheet" href="stylesheets/pygment_trac.css">
<link rel="stylesheet" href="stylesheets/custom_fonts.css" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="wrapper">
<header>
<nav class="nav">
<ul class="nav-links">
<li><a href="index.html" class="nav-link">← Back to Team One WIP</a></li>
</ul>
</nav>
<h1 class="page-header">Redesign Resources</h1>
<p class="page-subheadline">A working list of existing resources we plan to leverage in the construction of the new Team One website</p>
<p class="view"><a class="btn" href="https://github.com/Team-One/animations">View Project on GitHub</a> or <a class="btn" href="http://team-one.github.io/style-tile">View Our Kitchen Sink</a></p>
<br/>
</header>
<!-- Entry 1 -->
<section class="entry">
<h2>THE LIST:</h2>
<ul id="resource-list">
<!-- FOUNDATION -->
<li>
<h3 class="list-item-title"><a href="http://foundation.zurb.com" target="_blank">Foundation, by Zurb</a></h3>
<p class="list-item-summary">Foundation 4 by Zurb, touted as <em>"The most advanced responsive front-end framework in the world"</em> will provide us with pre-established HTML, CSS and Javascript building blocks needed in order to construct the front end of the new Team One website</p>
<a href="http://foundation.zurb.com" target="_blank"><img class="resource-img" src="img/screen-foundation.png"/></a>
<ul>
<li><h4>Notable Features Include:</h4></li>
<li><strong>›</strong> <a href="http://foundation.zurb.com/mobile.php" target="_blank">Mobile first framework</a></li>
<li><strong>›</strong> Semantic code</li>
<li><strong>›</strong> Responsive breakpoints</li>
<li><strong>›</strong> <a href="http://foundation.zurb.com/templates.php" target="_blank">Pre-established HTML page templates</a></li>
<li><strong>›</strong> <a href="http://foundation.zurb.com/grid.php" target="_blank">12-column grid</a></li>
<li><strong>›</strong> <a href="http://zurb.com/playground/foundation-icons" target="_blank">Icon font set</a></li>
<li><strong>›</strong> <a href="http://fwp.drewsymo.com" target="_blank">Available related Wordpress themes</a></li>
</ul>
<p><small><strong>REFERENCE LINK / </strong></small><a href="http://foundation.zurb.com" class="list-item-link" target="_blank">Foundation by Zurb</a></p>
<p><small><strong>OUR LINK / </strong></small><a href="https://github.com/robertcedwards/Foundation-1" class="list-item-link" target="_blank">Framework for Team One redesign</a></p>
</li>
<!-- WORDPRESS -->
<li>
<h3 class="list-item-title"><a href="#" target="_blank">Wordpress </a></h3>
<p class="list-item-summary">Wordpress will be leveraged as the content management system for the Team One redesign allowing us to provide for easily editable content and delegation of content ownership responsibilities to multiple stakeholders</p>
<a href="http://wordpress.org" target="_blank"><img class="resource-img" src="img/screen-wordpress.png"/></a>
<p><small><strong>REFERENCE LINK / </strong></small><a href="http://wordpress.org" class="list-item-link">Wordpress.org</a></p>
<p><small><strong>OUR LINK / </strong></small><a href="https://github.com/robertcedwards/Foundation-1" class="list-item-link" target="_blank">Framework for Team One redesign</a></p>
</li>
<!-- FOUNDATION, FOR WORDPRESS -->
<li>
<h3 class="list-item-title"><a href="#" target="_blank">“Foundation, for Wordpress” Theme</a></h3>
<p class="list-item-summary">This theme will be leveraged as the starting point for our front-end Wordpress development providing a .php system already completely integrated with the basic Foundation features such as the grid, component library and CSS styling</p>
<a href="http://foundation.zurb.com" target="_blank"><img class="resource-img" src="img/screen-wptheme.png"/></a>
<p><small><strong>REFERENCE LINK / </strong></small><a href="http://fwp.drewsymo.com" class="list-item-link">Foundation, for Wordpress</a></p>
</li>
<!-- ISOTOPE -->
<li>
<h3 class="list-item-title"><a href="http://isotope.metafizzy.co/index.html" target="_blank">Isotope jQuery Plugin</a></h3>
<p class="list-item-summary">We plan to leverage this plugin for use in the Work & Team sections of the new website in order to provide users with the ability to sort/filter content in an engaging and intuitive way</p>
<a href="http://isotope.metafizzy.co" target="_blank"><img class="resource-img" src="img/screen-isotope.png"/></a>
<p><small><strong>REFERENCE LINK / </strong></small><a href="http://isotope.metafizzy.co/index.html" class="list-item-link" target="_blank">Metafizzy's Isotope jQuery Plugin</a></p>
</li>
<!-- LATO -->
<li>
<h3 class="list-item-title"><a href="http://www.google.com/fonts/specimen/Lato" target="_blank">Lato Webfont</a></h3>
<p class="list-item-summary">For the site's body copy, we have decided to select a new font moving away from the serif Clarendon currently leverage - serif font's tend to be more difficult on user's eyes - to an popular, open-source, sans-serif webfont called, "Lato". We will pull this font via Google's free webfont service allowing us to select specific font styles and weights to leverage.</p>
<a href="http://www.google.com/fonts/specimen/Lato" target="_blank"><img class="resource-img" src="img/screen-lato.png"/></a>
<p><small><strong>REFERENCE LINK / </strong></small><a href="http://www.google.com/fonts/specimen/Lato" class="list-item-link" target="_blank">Lato Webfont via Google</a></p>
</li>
<!-- GITHUB -->
<li>
<h3 class="list-item-title"><a href="#" target="_blank">GitHub</a></h3>
<p class="list-item-summary"></p>
<a href="http://github.com" target="_blank"><img class="resource-img" src="img/screen-github.png"/></a>
<p><small><strong>REFERENCE LINK / </strong></small><a href="http://github.com" class="list-item-link">GitHub.com</a></p>
</li>
<!-- DROPBOX -->
<li>
<h3 class="list-item-title"><a href="http://dropbox.com" target="_blank">Dropbox</a></h3>
<p class="list-item-summary">Dropbox will be used to support and store all work-in-progress files and select content items - its cloud-based features will allow the team to access, edit and share files from a variety of locations and devices</p>
<a href="http://dropbox.com" target="_blank"><img class="resource-img" src="img/screen-dropbox.png"/></a>
<p><small><strong>REFERENCE LINK / </strong></small><a href="http://dropbox.com" class="list-item-link" target="_blank">Dropbox.com</a></p>
</li>
<!-- CODEKIT -->
<li>
<h3 class="list-item-title"><a href="#" target="_blank">CodeKit</a></h3>
<p class="list-item-summary"></p>
<a href="http://incident57.com/codekit/" target="_blank"><img class="resource-img" src="img/screen-codekit.png"/></a>
<p><small><strong>REFERENCE LINK / </strong></small><a href="" class="list-item-link" target="_blank">CodeKit by Incident57</a></p>
</li>
<!-- MAMP -->
<li>
<h3 class="list-item-title"><a href="http://www.mamp.info/en/index.html" target="_blank">MAMP</a></h3>
<p class="list-item-summary">Leveraging MAMP, or Mac Apache MySQL PHP, will allow the team to edit .php-based Wordpress locally on their own machines without requiring access to the web - this also helps prevent unintentional or premature updates to the final product </p>
<a href="http://www.mamp.info/en/index.html" target="_blank"><img class="resource-img" src="img/screen-mamp.png"/></a>
<p><small><strong>REFERENCE LINK / </strong></small><a href="http://www.mamp.info/en/index.html" class="list-item-link" target="_blank">MAMP.info</a></p>
</li>
<li>
<h3 class="list-item-title"><a href="http://panic.com/coda/" target="_blank">Coda 2</a></h3>
<p class="list-item-summary"></p>
<a href="http://panic.com/coda/" target="_blank"><img class="resource-img" src="img/screen-coda.png"/></a>
<p><small><strong>REFERENCE LINK / </strong></small><a href="http://panic.com/coda/" class="list-item-link" target="_blank">Coda 2 by Panic</a></p>
</li>
</ul>
</section>
<footer>
<p>This project is maintained by <a href="https://github.com/Team-One">Team-One</a></p>
<p><small>Hosted on GitHub Pages — Theme by <a href="https://github.com/orderedlist">orderedlist</a></small></p>
</footer>
</div>
<script src="javascripts/scale.fix.js"></script>
</body>
</html>