This repository has been archived by the owner on May 8, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 2
/
structure.php
156 lines (124 loc) · 8.73 KB
/
structure.php
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
<!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 IE 9]> <html class="no-js ie9 oldie" lang="en"> <![endif]-->
<!--[if (gt IE 9)]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->
<head>
<!-- California State Template
Version 5.0.3
Based on Twitter Bootstrap
-->
<meta charset="utf-8">
<title>State Template Structure</title>
<meta name="Author" content="State of California" />
<meta name="Description" content="State of California" />
<meta name="Keywords" content="California, government" />
<?php include_once("ssi/head-css-js.php"); ?>
</head>
<!-- possible body classes are "primary" and "two-column" -->
<body>
<header role="banner" id="header" class="global-header fixed">
<div id="skip-to-content"><a href="#main-content">Skip to Main Content</a></div>
<!-- Include Utility Header -->
<?php include_once("ssi/utility-header.php"); ?>
<!-- Settings Bar -->
<?php include_once("ssi/settings-bar.php"); ?>
<!-- Include Branding -->
<?php include_once("ssi/branding.php"); ?>
<!-- Include Mobile Controls -->
<?php include_once("ssi/mobile-controls.php"); ?>
<div class="navigation-search">
<!-- Include Navigation -->
<?php include_once("ssi/navigation.php"); ?>
<div id="head-search" class="search-container">
<!-- Include Search -->
<?php include_once("ssi/search.php"); ?>
</div>
</div>
<div class="header-decoration"></div>
</header>
<div id="main-content" class="main-content">
<div class="container">
<main class="main-primary">
<!-- InstanceBeginEditable name="MainContent" -->
<div id="main-content2" class="main-content">
<div class="container">
<main role="main" class="main-primary">
<ol class="breadcrumb">
<li><a href="../index.php">Home</a></li>
<li><a href="index.php">Examples</a></li>
<li class="active">Structure</li>
</ol>
<h1>State Template Structure</h1>
<p>This section describes the high-level items that are included in the State Template package that will be provided to State agencies and departments through <a href="http://webtools.ca.gov">WebTools</a>.</p>
<div class="group">
<div class="half">
<h2>New Page Structure in v5</h2>
<p>There are several new structural elements in the v5 of the state template. Most are optional and one is required namely the <code>utility-header.php</code> located in the <code>ssi</code> folder of the template.</p>
<ul class="list-standout">
<li>
<strong>Utility Header</strong><br>
This is the new header module that is required in the new template containing the Ca.gov logo and several other features. The Utility Header is the top most content bar in the template header area.
</li>
<li>
<strong>Location Bar</strong> <br>
This optional module provides a placeholder for letting user's set their location. This requires adittional coding to enable the location functionality. More information coming soon.
</li>
<li>
<strong>Settings Bar</strong> <br>
This is a fully functioning feature that allows users to increase and decrease the font size as well as toggle to a high contrast viewing mode. The Settings Bar can be seen in the top right corner of the page.
</li>
<li>
<strong>Alert Banner</strong> <br>
This is a banner that serves as a tool to communicate important or timely information to your users. More information can be found on the <a href="/sample/alert-banner.php">Alert Banner page</a>.
</li>
</ul>
<h2>Server Side Includes</h2>
<p>Several common components (such as page headers, footers, navigation, etc.) are included in pages using Server Side Includes (SSI). Note that the web server that hosts the State Template should be configured to process SSI's with the .php extension.</p>
<h2>Icon Fonts</h2>
<p><a href="/sample/icon-fonts.php">Icon Fonts</a> are also included as part of the State Template. These icon fonts were developed by OTECH, with some additions from other sources.</p>
<p>The Sample Pages included with the State Template package include a list of available icon fonts, as well as instructions on how to use them in page markup. </p>
<h2> </h2>
</div>
<div class="half">
<h2>File and Folder Structure</h2>
<p>The following is the file and folder structure for the 2014 State Template package.</p>
<ul class="list-standout">
<li><strong>css</strong> – This folder contains the minified CSS files that are generated through compilation of the LESS files.</li>
<li><strong>fonts</strong> – Contains icon fonts and type fonts used by the State Template.</li>
<li><strong>images</strong> – This folder contains the structural images used by the State Template.</li>
<li><strong>js</strong> – Contains the compiled, minified JavaScript files that are used by the State Template. Third party JavaScript libraries are also included in this folder.</li>
<li><strong>sample</strong> – The “sample” folder contains various HTML files that provide example code and individual component documentation for the State Template.</li>
<li><strong>ssi</strong> – This folder contains the common template components used on various pages in the State Template (for example, header, footers, navigation, etc.).</li>
<li>
<strong>templates</strong> – Contains template files for the State Template that will be utilized by webmasters that use Adobe Dreamweaver.
</p>
</li>
</ul>
<p></p>
<h2>Mime Type Configurations</h2>
<p>Newer versions of IIS (such as 8.5) already have mime types defined for fonts. However, older versions may need to be configured to serve those mime types for fonts. The same may apply for other web servers such as Apache HTTP Server. Below is a list of the mime types that must be defined for the 2014 State Template.</p>
<ul class="list-standout">
<li>.eot - application/vnd.ms-fontobject</li>
<li>.ttf - application/octet-stream</li>
<li>.svg - image/svg+xml</li>
<li>.woff - application/x-woff</li>
</ul>
<p> </p>
</div>
</div>
<div></div>
</main>
</div>
</div>
<!-- InstanceEndEditable -->
</main>
</div>
</div>
<?php include_once("ssi/global-footer.php"); ?>
<?php include_once("ssi/scripts.php"); ?>
</body>
</html>