/lenasys/0.1

To get this branch, use:
bzr branch http://gegoxaren.bato24.eu/bzr/lenasys/0.1

« back to all changes in this revision

Viewing changes to trunk/CodeViewer/Lindex.html

  • Committer: Henrik G.
  • Date: 2013-03-26 23:22:55 UTC
  • Revision ID: henrik.gustavsson@his.se-20130326232255-ik6snyatlbkf3zs1
First seed of Lenasys ... Needs to be Organized Further

Show diffs side-by-side

added added

removed removed

Lines of Context:
trunk/CodeViewer/Lindex.html
 
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>