bzr branch
http://gegoxaren.bato24.eu/bzr/lenasys/0.1
|
1
by Henrik G.
First seed of Lenasys ... Needs to be Organized Further |
1 |
<!DOCTYPE html>
|
2 |
<html> |
|
3 |
<head> |
|
4 |
<title>Webbprogrammering DA330G</title> |
|
5 |
<style> |
|
6 |
||
7 |
.group |
|
8 |
{ |
|
9 |
display: block; |
|
10 |
padding: 1em; |
|
11 |
width: 100%; |
|
12 |
margin: auto auto; |
|
13 |
font-family: "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif; |
|
14 |
} |
|
15 |
||
16 |
.group h1 |
|
17 |
{ |
|
18 |
font-weight: normal; |
|
19 |
font-size: 1.8em; |
|
20 |
margin-bottom: 1em; |
|
21 |
||
22 |
font-family: Cambria, Georgia, serif; |
|
23 |
} |
|
24 |
||
25 |
.group .info |
|
26 |
{ |
|
27 |
padding: 0.4em; |
|
28 |
margin: 0.5em; |
|
29 |
font-size: 1em; |
|
30 |
color: #000; |
|
31 |
} |
|
32 |
||
33 |
.group .info:first-letter |
|
34 |
{ |
|
35 |
font-size:1.3em; |
|
36 |
} |
|
37 |
||
38 |
.group h2 |
|
39 |
{ |
|
40 |
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; |
|
41 |
border-bottom: 2px solid #000; |
|
42 |
color: #fff; |
|
43 |
background: #c0d0e0; |
|
44 |
background-color: #c0d0e0; |
|
45 |
|
|
46 |
text-shadow: 1px 1px 2px #000; |
|
47 |
font-weight:normal; |
|
48 |
|
|
49 |
background: linear-gradient(to top, #abc 10%, #89a 90%, #678 99% ); |
|
50 |
background: -webkit-linear-gradient(bottom, #abc 10%, #89a 90%, #678 99%); |
|
51 |
background: -moz-linear-gradient(bottom, #abc 10%, #89a 90%, #678 99%); |
|
52 |
|
|
53 |
font-size: 1.4em; |
|
54 |
margin-top: 1em; |
|
55 |
margin-bottom: 0; |
|
56 |
padding:3px; |
|
57 |
|
|
58 |
padding-left:20px; |
|
59 |
} |
|
60 |
||
61 |
a |
|
62 |
{ |
|
63 |
line-height: 2em; |
|
64 |
margin-left: 1.3em; |
|
65 |
color: black; |
|
66 |
text-decoration: underline; |
|
67 |
font-size: 1em; |
|
68 |
} |
|
69 |
|
|
70 |
li |
|
71 |
{ |
|
72 |
color: #555; |
|
73 |
} |
|
74 |
|
|
75 |
a:hover |
|
76 |
{ |
|
77 |
text-decoration: none; |
|
78 |
} |
|
79 |
||
80 |
.container |
|
81 |
{ |
|
82 |
border-left: 2px dotted #ddd; |
|
83 |
margin-left: 8px; |
|
84 |
} |
|
85 |
|
|
86 |
.container .demo |
|
87 |
{ |
|
88 |
float:right; |
|
89 |
} |
|
90 |
|
|
91 |
body{ |
|
92 |
margin:0; |
|
93 |
} |
|
94 |
|
|
95 |
#menu |
|
96 |
{ |
|
97 |
position:fixed; |
|
98 |
top:40px; |
|
99 |
width:10.5%; |
|
100 |
padding: 10px 0 1% 0.3%; |
|
101 |
background: #c0d0e0; |
|
102 |
background-color: #c0d0e0; |
|
103 |
border-bottom-right-radius: 1.3em; |
|
104 |
border-top-right-radius: 1.3em; |
|
105 |
border-bottom: 2px solid #000; |
|
106 |
border-right: 1px solid #000; |
|
107 |
color: #fff; |
|
108 |
||
109 |
text-shadow: 1px 1px 2px #000; |
|
110 |
font-weight:bolder; |
|
111 |
||
112 |
background:#678; |
|
113 |
background-color:#678; |
|
114 |
||
115 |
background: linear-gradient(to top, #abc 10%, #89a 90%, #678 99% ); |
|
116 |
background: -webkit-linear-gradient(bottom, #abc 10%, #89a 90%, #678 99%); |
|
117 |
background: -moz-linear-gradient(bottom, #abc 10%, #89a 90%, #678 99%); |
|
118 |
||
119 |
} |
|
120 |
|
|
121 |
#menu #menuHeader{ |
|
122 |
margin:0 0 1.5% 0; |
|
123 |
background:#333333; |
|
124 |
width:97%; |
|
125 |
height:31px; |
|
126 |
padding-left:10px; |
|
127 |
margin-left:-10px; |
|
128 |
border-radius: 0 10px 10px 0 |
|
129 |
} |
|
130 |
|
|
131 |
#menuHeader h3{ |
|
132 |
float:left; |
|
133 |
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; |
|
134 |
font-size:1.2em; |
|
135 |
background-color:#333; |
|
136 |
color:#fff; |
|
137 |
width:80%; |
|
138 |
margin-top:4px; |
|
139 |
padding:0; |
|
140 |
} |
|
141 |
|
|
142 |
#menuArrow{ |
|
143 |
float:left; |
|
144 |
padding:0; |
|
145 |
margin-top:8px; |
|
146 |
width:15%; |
|
147 |
} |
|
148 |
|
|
149 |
#menu a{ |
|
150 |
display:block;color:#fff; |
|
151 |
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; |
|
152 |
text-decoration: none; |
|
153 |
margin-left:1%; |
|
154 |
font-size:100% |
|
155 |
} |
|
156 |
|
|
157 |
#menu a:hover{ |
|
158 |
font-weight:bolder; |
|
159 |
text-decoration:underline; |
|
160 |
} |
|
161 |
|
|
162 |
#menuItems{ |
|
163 |
float:left; |
|
164 |
width:80%; |
|
165 |
} |
|
166 |
|
|
167 |
#sidebar{ |
|
168 |
float:left; |
|
169 |
min-width:11%; |
|
170 |
min-height:100px; |
|
171 |
overflow:auto; |
|
172 |
} |
|
173 |
|
|
174 |
#content{ |
|
175 |
float:left; |
|
176 |
width:75%; |
|
177 |
} |
|
178 |
|
|
179 |
</style> |
|
180 |
||
181 |
</script> |
|
182 |
</head> |
|
183 |
<body> |
|
184 |
<div id="sidebar"> |
|
185 |
<div id="menu"> |
|
186 |
<div id="menuHeader"> |
|
187 |
<h3>Quick links</h3> |
|
188 |
</div> |
|
189 |
<div id="menuItems"> |
|
190 |
<a href="#LectureSlides" class="menuLink">Lectures</a> |
|
191 |
<a href="#Assignments" class="menuLink">Assignments</a> |
|
192 |
<br> |
|
193 |
<a href="#PHPIntro" class="menuLink">PHP Intro</a> |
|
194 |
<a href="#SAXExamples" class="menuLink">SAX</a> |
|
195 |
<a href="#DOMExamples" class="menuLink">DOM</a> |
|
196 |
<a href="#XSLTExamples" class="menuLink">XSLT</a> |
|
197 |
<a href="#NamespaceExamples" class="menuLink">Namespaces</a> |
|
198 |
<a href="#Tips" class="menuLink">Tips</a> |
|
199 |
</div> |
|
200 |
||
201 |
</div> |
|
202 |
</div> |
|
203 |
<div id="content"> |
|
204 |
<div class="group"> |
|
205 |
<h1>Lectures and Assignments</h1> |
|
206 |
<h2 id="LectureSlides">Lecture Slides</h2> |
|
207 |
<div class="container"> |
|
208 |
</div> |
|
209 |
||
210 |
<h2 id="Assignments">Assignments</h2> |
|
211 |
<div class="container"> |
|
212 |
<a href='Assignment1a/Assignment1a.php'>Assignment 1A: PHP Forms and simple Arrays</a><br> |
|
213 |
<a href='Assignment1b/Assignment1b.php'>Assignment 1B: PHP Arrays and Tables</a><br> |
|
214 |
<a href='Assignment2/Assignment2.php'>Assignment 2: SAX API</a><br> |
|
215 |
<a href='Assignment3/Assignment3.php'>Assignment 3: DOM API</a><br> |
|
216 |
<a href='Assignment4/Assignment4.php'>Assignment 4: DOM Validation</a><br> |
|
217 |
<a href='Assignment5/Assignment5.php'>Assignment 5: DOM XPATH</a><br> |
|
218 |
<a href='Assignment6/Assignment6.php'>Assignment 6: XSLT Iteration</a><br> |
|
219 |
<a href='Assignment7/Assignment7.php'>Assignment 7: XSLT Recursive Templates</a><br> |
|
220 |
<a href='Assignment8/Assignment8.php'>Assignment 8: Main Assignment</a><br> |
|
221 |
</div> |
|
222 |
</div> <!---- End Group div ----> |
|
223 |
||
224 |
<div class="group"> |
|
225 |
<h1>Code Examples</h1> |
|
226 |
<h2 id="PHPIntro">PHP Introduction</h2> |
|
227 |
<div class="container"> |
|
228 |
<a href='IntroExample1/IntroExample1.php'>Introduction Example 1: PHP Startup</a><br> |
|
229 |
<a href='IntroExample2/IntroExample2.php'>Introduction Example 2: PHP Startup</a><br> |
|
230 |
<a href='IntroExample3/IntroExample3.php'>Introduction Example 3: PHP Variables</a><br> |
|
231 |
<a href='IntroExample4/IntroExample4.php'>Introduction Example 4: Arrays #1</a><br> |
|
232 |
<a href='IntroExample5/IntroExample5.php'>Introduction Example 5: Arrays #2</a><br> |
|
233 |
<a href='IntroExample6/IntroExample6.php'>Introduction Example 6: Arrays #3</a><br> |
|
234 |
<a href='IntroExample7/IntroExample7.php'>Introduction Example 7: Forms #1</a><br> |
|
235 |
<a href='IntroExample8/IntroExample8.php'>Introduction Example 8: Forms #2</a><br> |
|
236 |
<a href='IntroExample9/IntroExample9.php'>Introduction Example 9: Forms #3</a><br> |
|
237 |
<a href='IntroExample10/IntroExample10.php'>Introduction Example 10: Forms #4</a><br> |
|
238 |
<a href='IntroExample11/IntroExample11.php'>Introduction Example 11: Forms #5</a><br> |
|
239 |
<a href='IntroExample12/IntroExample12.php'>Introduction Example 12: Tables #1</a><br> |
|
240 |
<a href='IntroExample13/IntroExample13.php'>Introduction Example 13: Tables #2</a><br> |
|
241 |
</div> |
|
242 |
||
243 |
<h2 id="SAXExamples">SAX Examples</h2> |
|
244 |
<div class="container"> |
|
245 |
<a href='SAXExample1a/SAXExample1a.php'>SAX Example 1: Sax Initiation</a><br> |
|
246 |
<a href='SAXExample1b/SAXExample1b.php'>SAX Example 2: Removal of White Space Tags</a><br> |
|
247 |
<a href='SAXExample1c/SAXExample1c.php'>SAX Example 3: Printing of attributes </a><br> |
|
248 |
<a href='SAXExample1d/SAXExample1d.php'>SAX Example 4: Print formatting</a><br> |
|
249 |
<a href='SAXExample1e/SAXExample1e.php'>SAX Example 5: Print formatting</a><br> |
|
250 |
<a href='SAXExample1f/SAXExample1f.php'>SAX Example 6: Indentation</a><br> |
|
251 |
</div> |
|
252 |
||
253 |
<h2 id="DOMExamples">DOM Examples</h2> |
|
254 |
<div class="container"> |
|
255 |
<a href='DOMExample1/DOMExample1.php'>DOM Example 1: Initiation and simple navigation</a><br> |
|
256 |
<a href='DOMExample1b/DOMExample1b.php'>DOM Example 2: Attribute navigation</a><br> |
|
257 |
<a href='DOMExample1c/DOMExample1c.php'>DOM Example 3: Advanced navigation</a><br> |
|
258 |
<a href='DOMExample1d/DOMExample1d.php'>DOM Example 4: Advanced navigation</a><br> |
|
259 |
<a href='DOMExample2/DOMExample2.php'>DOM Example 5: Validation #1</a><br> |
|
260 |
<a href='DOMExample2b/DOMExample2b.php'>DOM Example 6: Validation #2</a><br> |
|
261 |
<a href='DOMExample2c/DOMExample2c.php'>DOM Example 7: Validation #3</a><br> |
|
262 |
<a href='DOMExample2d/DOMExample2d.php'>DOM Example 8: Validation #4</a><br> |
|
263 |
<a href='DOMExample2e/DOMExample2e.php'>DOM Example 9: Validation #5 </a><br> |
|
264 |
<a href='DOMExample3/DOMExample3.php'>DOM Example 10: XPATH #1</a><br> |
|
265 |
<a href='DOMExample3b/DOMExample3b.php'>DOM Example 11: XPATH #2 Context Nodes</a><br> |
|
266 |
</div> |
|
267 |
||
268 |
<h2 id="XSLTExamples">XSLT Examples</h2> |
|
269 |
<div class="container"> |
|
270 |
<a href='XSLTExample1/XSLTExample1.php'>XSLT Example 1: Template Match</a><br> |
|
271 |
<a href='XSLTExample2/XSLTExample2.php'>XSLT Example 2: Simple Navigation</a><br> |
|
272 |
<a href='XSLTExample3/XSLTExample3.php'>XSLT Example 3: Nested Navigation</a><br> |
|
273 |
<a href='XSLTExample4/XSLTExample4.php'>XSLT Example 4: Conditionals</a><br> |
|
274 |
<a href='XSLTExample5/XSLTExample5.php'>XSLT Example 5: Simple Template Match</a><br> |
|
275 |
<a href='XSLTExample6/XSLTExample6.php'>XSLT Example 6: Simple Template Match</a><br> |
|
276 |
<a href='XSLTExample7/XSLTExample7.php'>XSLT Example 7: Keys</a><br> |
|
277 |
<a href='XSLTExample8a/XSLTExample8a.php'>XSLT Example 8a: Simple Sorting</a><br> |
|
278 |
<a href='XSLTExample8b/XSLTExample8b.php'>XSLT Example 8b: Grouping using keys</a><br> |
|
279 |
<a href='XSLTExample9/XSLTExample9.php'>XSLT Example 9: Grouping</a><br> |
|
280 |
<a href='XSLTExample10/XSLTExample10.php'>XSLT Example 10: Variables</a><br> |
|
281 |
</div> |
|
282 |
||
283 |
<h2 id="NamespaceExamples">Namespace Examples</h2> |
|
284 |
<div class="container"> |
|
285 |
<a href='NamespaceExample1/NamespaceExample1.php'>Namespace Example 1: Sax API</a><br> |
|
286 |
<a href='NamespaceExample2/NamespaceExample2.php'>Namespace Example 2: DOM API</a><br> |
|
287 |
<a href='NamespaceExample3/NamespaceExample3.php'>Namespace Example 3: DOM API with XPATH</a><br> |
|
288 |
<a href='NamespaceExample4/NamespaceExample4.php'>Namespace Example 4: XSLT</a><br> |
|
289 |
</div> |
|
290 |
||
291 |
<h2 id="Tips">Tips and Tricks</h2> |
|
292 |
<div class="container"> |
|
293 |
</div> |
|
294 |
||
295 |
</div> <!---- End Group div ----> |
|
296 |
||
297 |
</div> |
|
298 |
</body> |
|
299 |
</html> |