/lenasys/trunk

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

« back to all changes in this revision

Viewing changes to CodeViewer/Lindex.html

  • Committer: Gustav Hatvigsson
  • Date: 2013-04-24 13:11:16 UTC
  • mto: This revision was merged to the branch mainline in revision 131.
  • Revision ID: gustav.hartvigsson@gmail.com-20130424131116-0p4uibacf98ck2j1
Made a few changes to the licensing stuff, there needs to be a discussion with Gush about the details in regards to Media Files and other stuff.:w

Show diffs side-by-side

added added

removed removed

Lines of Context:
CodeViewer/Lindex.html
1
1
<!DOCTYPE html>
2
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
 
                        
 
3
        <head>
 
4
                <title>Webbprogrammering DA330G</title>
 
5
                <link rel="stylesheet" href="Lindex.css" type="text/css" media="screen" />
 
6
                <script type="text/javascript" src="../js/jquery.js"></script>
 
7
                <script type="text/javascript" src="../etc/PIE/PIE.js"></script>
 
8
                <script type="text/javascript" src="Lindex.js"></script>
 
9
        </head>
 
10
        <body>
 
11
                <div id="sidebar">
 
12
                        <div id="menu" class="ieCSS3Fix">
 
13
                                <div id="menuHeader" class="ieCSS3Fix">
 
14
                                        <h3>Quick links</h3>
 
15
                                        <img id="menuArrow" class="arrow" src="../media/codeviewer/CodeViewerLeftbutton.png" alt="arrow" />
 
16
                                </div>
 
17
                                <div id="menuItems">
 
18
                                        <a href="#LectureSlides" class="menuLink">Lectures</a>
 
19
                                        <a href="#Assignments" class="menuLink">Assignments</a>
 
20
                                        <a href="#PHPIntro" class="menuLink">PHP Intro</a>
 
21
                                        <a href="#SAXExamples" class="menuLink">SAX</a>
 
22
                                        <a href="#DOMExamples" class="menuLink">DOM</a>
 
23
                                        <a href="#XSLTExamples" class="menuLink">XSLT</a>
 
24
                                        <a href="#NamespaceExamples" class="menuLink">Namespaces</a>
 
25
                                        <a href="#Tips" class="menuLink">Tips</a>
 
26
                                </div>
 
27
                        </div>
201
28
                </div>
202
 
        </div>
203
 
        <div id="content">
204
 
    <div class="group">
205
 
        <h1>Lectures and Assignments</h1>
206
 
        <h2 id="LectureSlides">Lecture Slides</h2>
 
29
                <div id="content">
 
30
                        <div class="group">
 
31
                                <h1>Lectures and Assignments</h1>
 
32
                                <h2 id="LectureSlides">Lecture Slides</h2>
207
33
                                <div class="container">
208
 
                </div>
209
 
 
210
 
        <h2 id="Assignments">Assignments</h2>
 
34
                                </div>
 
35
                                <h2 id="Assignments">Assignments</h2>
211
36
                                <div class="container">
212
37
                                        <a href='Assignment1a/Assignment1a.php'>Assignment 1A: PHP Forms and simple Arrays</a><br>      
213
38
                                        <a href='Assignment1b/Assignment1b.php'>Assignment 1B: PHP Arrays and Tables</a><br>    
218
43
                                        <a href='Assignment6/Assignment6.php'>Assignment 6: XSLT Iteration</a><br>      
219
44
                                        <a href='Assignment7/Assignment7.php'>Assignment 7: XSLT Recursive Templates</a><br>    
220
45
                                        <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>
 
46
                                </div>
 
47
                        </div> <!-- End Group div --> 
 
48
                        <div class="group">
 
49
                                <h1>Code Examples</h1>
 
50
                                <h2 id="PHPIntro">PHP Introduction</h2>
227
51
                                <div class="container">
228
52
                                        <a href='IntroExample1/IntroExample1.php'>Introduction Example 1: PHP Startup</a><br>   
229
53
                                        <a href='IntroExample2/IntroExample2.php'>Introduction Example 2: PHP Startup</a><br>   
238
62
                                        <a href='IntroExample11/IntroExample11.php'>Introduction Example 11: Forms #5</a><br>   
239
63
                                        <a href='IntroExample12/IntroExample12.php'>Introduction Example 12: Tables #1</a><br>  
240
64
                                        <a href='IntroExample13/IntroExample13.php'>Introduction Example 13: Tables #2</a><br>  
241
 
                </div>
242
 
 
243
 
        <h2 id="SAXExamples">SAX Examples</h2>
 
65
                                </div>
 
66
                                <h2 id="SAXExamples">SAX Examples</h2>
244
67
                                <div class="container">
245
68
                                        <a href='SAXExample1a/SAXExample1a.php'>SAX Example 1: Sax Initiation</a><br>   
246
69
                                        <a href='SAXExample1b/SAXExample1b.php'>SAX Example 2: Removal of White Space Tags</a><br>      
248
71
                                        <a href='SAXExample1d/SAXExample1d.php'>SAX Example 4: Print formatting</a><br> 
249
72
                                        <a href='SAXExample1e/SAXExample1e.php'>SAX Example 5: Print formatting</a><br> 
250
73
                                        <a href='SAXExample1f/SAXExample1f.php'>SAX Example 6: Indentation</a><br>      
251
 
                </div>
252
 
 
253
 
        <h2 id="DOMExamples">DOM Examples</h2>
 
74
                                </div>
 
75
                                <h2 id="DOMExamples">DOM Examples</h2>
254
76
                                <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>
 
77
                                        <a href='DomExample1/DomExample1.php'>DOM Example 1: Initiation and simple navigation</a><br>   
 
78
                                        <a href='DomExample1b/DomExample1b.php'>DOM Example 2: Attribute navigation</a><br>     
 
79
                                        <a href='DomExample1c/DomExample1c.php'>DOM Example 3: Advanced navigation</a><br>      
 
80
                                        <a href='DomExample1d/DomExample1d.php'>DOM Example 4: Advanced navigation</a><br>      
 
81
                                        <a href='DomExample2/DomExample2.php'>DOM Example 5: Validation #1</a><br>      
 
82
                                        <a href='DomExample2b/DomExample2b.php'>DOM Example 6: Validation #2</a><br>    
 
83
                                        <a href='DomExample2c/DomExample2c.php'>DOM Example 7: Validation #3</a><br>    
 
84
                                        <a href='DomExample2d/DomExample2d.php'>DOM Example 8: Validation #4</a><br>    
 
85
                                        <a href='DomExample2e/DomExample2e.php'>DOM Example 9: Validation #5 </a><br>   
 
86
                                        <a href='DomExample3/DomExample3.php'>DOM Example 10: XPATH #1</a><br>  
 
87
                                        <a href='DomExample3b/DomExample3b.php'>DOM Example 11: XPATH #2 Context Nodes</a><br>
 
88
                                </div>
 
89
                                <h2 id="XSLTExamples">XSLT Examples</h2>
269
90
                                <div class="container">
270
91
                                        <a href='XSLTExample1/XSLTExample1.php'>XSLT Example 1: Template Match</a><br>  
271
92
                                        <a href='XSLTExample2/XSLTExample2.php'>XSLT Example 2: Simple Navigation</a><br>       
278
99
                                        <a href='XSLTExample8b/XSLTExample8b.php'>XSLT Example 8b: Grouping using keys</a><br>  
279
100
                                        <a href='XSLTExample9/XSLTExample9.php'>XSLT Example 9: Grouping</a><br>        
280
101
                                        <a href='XSLTExample10/XSLTExample10.php'>XSLT Example 10: Variables</a><br>    
281
 
                </div>
282
 
 
283
 
        <h2 id="NamespaceExamples">Namespace Examples</h2>
 
102
                                </div>
 
103
                                <h2 id="NamespaceExamples">Namespace Examples</h2>
284
104
                                <div class="container">
285
105
                                        <a href='NamespaceExample1/NamespaceExample1.php'>Namespace Example 1: Sax API</a><br>  
286
106
                                        <a href='NamespaceExample2/NamespaceExample2.php'>Namespace Example 2: DOM API</a><br>  
287
107
                                        <a href='NamespaceExample3/NamespaceExample3.php'>Namespace Example 3: DOM API with XPATH</a><br>       
288
108
                                        <a href='NamespaceExample4/NamespaceExample4.php'>Namespace Example 4: XSLT</a><br>     
289
 
                </div>
290
 
 
291
 
        <h2 id="Tips">Tips and Tricks</h2>
 
109
                                </div>
 
110
                                <h2 id="Tips">Tips and Tricks</h2>
292
111
                                <div class="container">
293
 
                </div>
294
 
 
295
 
    </div> <!---- End Group div ----> 
296
 
 
297
 
        </div>
298
 
</body>
 
112
                                </div>
 
113
                        </div> <!-- End Group div --> 
 
114
                </div>
 
115
        </body>
299
116
</html>