-
Notifications
You must be signed in to change notification settings - Fork 0
/
guidance.html
177 lines (166 loc) · 17.9 KB
/
guidance.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
169
170
171
172
173
174
175
176
177
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>3ml Guidance</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="https://3ml.org.uk/app.css">
<link rel="icon" type="image/png" href="https://3ml.org.uk//img/icon.png">
</head>
<body class="min-h-screen flex flex-col bg-cover" style="background-image: url('https://images.unsplash.com/photo-1464802686167-b939a6910659?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1200&q=30')">
<nav class="print:none bg-tml-blue mb-4">
<div class="container px-2 py-2 mx-auto flex items-center justify-between flex-wrap">
<div class="flex items-center flex-shrink-0 mr-8">
<img class="fill-current" src="https://3ml.org.uk/img/logo.png" alt="The Three Minute Learning logo (3ml)">
</div>
<input id="menu-toggle" type="checkbox" class="hidden">
<div class="block md:hidden">
<label for="menu-toggle" class="flex items-center px-3 py-2 border rounded">
<svg class="fill-current text-white h-3 w-3" viewBox="0 0 20 20"><title>Menu</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"></path></svg>
</label>
</div>
<div class="menu w-full flex-grow md:flex md:items-center md:w-auto">
<div class="text-base md:flex-grow">
<a class="block mt-4 md:inline-block md:mt-0 text-teal-200 hover:text-white mr-4" href="index.html">Home</a>
<a class="block mt-4 md:inline-block md:mt-0 text-teal-200 hover:text-white mr-4" href="about.html">About</a>
<a class="block mt-4 md:inline-block md:mt-0 text-teal-200 hover:text-white mr-4" href="guidance.html">Guidance</a>
<a class="block mt-4 md:inline-block md:mt-0 text-teal-200 hover:text-white mr-4" href="researchers.html">Resources</a>
<a class="block mt-4 md:inline-block md:mt-0 text-teal-200 hover:text-white mr-4" href="https://3ml.org.uk/">3mlApp</a>
</div>
</div>
</div>
</nav>
<div class="container mx-auto px-2 bg-white mb-4">
<div class="flex flex-wrap m-1 p-2">
<h1 class="shadow-md w-full text-white tracking-widest text-center bg-green-600 my-4 p-2">
We have prepared a number of short videos to help you get started and make the most of 3ml.
</h1>
<div class="flex flex-col shadow justify-around w-full sm:w-1/3 md:w-1/4 mb-2 px-2">
<h3 class="text-sm font-bold mb-1 text-black text-center mb-1">How to search for stories</h3>
<a class="block self-center h-auto p-1" href="http://www.realscience.org.uk/3ml/vids/2findastory.mp4" target="_blank" rel="noopener noreferrer">
<svg height="50pt" viewBox="0 0 480 480" width="50pt" xmlns="http://www.w3.org/2000/svg">
<path d="m240 0c-132.546875 0-240 107.453125-240 240s107.453125 240 240 240 240-107.453125 240-240c-.148438-132.484375-107.515625-239.851562-240-240zm0 464c-123.710938 0-224-100.289062-224-224s100.289062-224 224-224 224 100.289062 224 224c-.140625 123.652344-100.347656 223.859375-224 224zm0 0" />
<path d="m355.574219 232.839844-192-96c-2.480469-1.238282-5.425781-1.105469-7.78125.351562-2.359375 1.460938-3.792969 4.035156-3.792969 6.808594v192c-.015625 2.78125 1.414062 5.367188 3.773438 6.835938 2.363281 1.46875 5.316406 1.605468 7.800781.363281l192-96c2.71875-1.351563 4.433593-4.125 4.433593-7.160157 0-3.03125-1.714843-5.804687-4.433593-7.160156zm-187.574219 90.214844v-166.109376l166.113281 83.054688zm0 0" /></svg>
</a>
</div>
<div class="flex flex-col shadow justify-around w-full sm:w-1/3 md:w-1/4 mb-2 px-2">
<h3 class="text-sm font-bold mb-1 text-black text-center mb-1">How to do connect and question</h3>
<a class="block self-center h-auto p-1" href="http://www.realscience.org.uk/3ml/vids/3connectandquestion.mp4" target="_blank" rel="noopener noreferrer">
<svg height="50pt" viewBox="0 0 480 480" width="50pt" xmlns="http://www.w3.org/2000/svg">
<path d="m240 0c-132.546875 0-240 107.453125-240 240s107.453125 240 240 240 240-107.453125 240-240c-.148438-132.484375-107.515625-239.851562-240-240zm0 464c-123.710938 0-224-100.289062-224-224s100.289062-224 224-224 224 100.289062 224 224c-.140625 123.652344-100.347656 223.859375-224 224zm0 0" />
<path d="m355.574219 232.839844-192-96c-2.480469-1.238282-5.425781-1.105469-7.78125.351562-2.359375 1.460938-3.792969 4.035156-3.792969 6.808594v192c-.015625 2.78125 1.414062 5.367188 3.773438 6.835938 2.363281 1.46875 5.316406 1.605468 7.800781.363281l192-96c2.71875-1.351563 4.433593-4.125 4.433593-7.160157 0-3.03125-1.714843-5.804687-4.433593-7.160156zm-187.574219 90.214844v-166.109376l166.113281 83.054688zm0 0" /></svg>
</a>
</div>
<div class="flex flex-col shadow justify-around w-full sm:w-1/3 md:w-1/4 mb-2 px-2">
<h3 class="text-sm font-bold mb-1 text-black text-center mb-1">How to do summarise and clarify</h3>
<a class="block self-center h-auto p-1" href="http://www.realscience.org.uk/3ml/vids/4summariseandclarfiy.mp4" target="_blank" rel="noopener noreferrer">
<svg height="50pt" viewBox="0 0 480 480" width="50pt" xmlns="http://www.w3.org/2000/svg">
<path d="m240 0c-132.546875 0-240 107.453125-240 240s107.453125 240 240 240 240-107.453125 240-240c-.148438-132.484375-107.515625-239.851562-240-240zm0 464c-123.710938 0-224-100.289062-224-224s100.289062-224 224-224 224 100.289062 224 224c-.140625 123.652344-100.347656 223.859375-224 224zm0 0" />
<path d="m355.574219 232.839844-192-96c-2.480469-1.238282-5.425781-1.105469-7.78125.351562-2.359375 1.460938-3.792969 4.035156-3.792969 6.808594v192c-.015625 2.78125 1.414062 5.367188 3.773438 6.835938 2.363281 1.46875 5.316406 1.605468 7.800781.363281l192-96c2.71875-1.351563 4.433593-4.125 4.433593-7.160157 0-3.03125-1.714843-5.804687-4.433593-7.160156zm-187.574219 90.214844v-166.109376l166.113281 83.054688zm0 0" /></svg>
</a>
</div>
<div class="flex flex-col shadow justify-around w-full sm:w-1/3 md:w-1/4 mb-2 px-2">
<h3 class="text-sm font-bold mb-1 text-black text-center mb-1">How to register your school for 3ml</h3>
<a class="block self-center h-auto p-1" href="http://www.realscience.org.uk/3ml/vids/6registeringaschool.mp4" target="_blank" rel="noopener noreferrer">
<svg height="50pt" viewBox="0 0 480 480" width="50pt" xmlns="http://www.w3.org/2000/svg">
<path d="m240 0c-132.546875 0-240 107.453125-240 240s107.453125 240 240 240 240-107.453125 240-240c-.148438-132.484375-107.515625-239.851562-240-240zm0 464c-123.710938 0-224-100.289062-224-224s100.289062-224 224-224 224 100.289062 224 224c-.140625 123.652344-100.347656 223.859375-224 224zm0 0" />
<path d="m355.574219 232.839844-192-96c-2.480469-1.238282-5.425781-1.105469-7.78125.351562-2.359375 1.460938-3.792969 4.035156-3.792969 6.808594v192c-.015625 2.78125 1.414062 5.367188 3.773438 6.835938 2.363281 1.46875 5.316406 1.605468 7.800781.363281l192-96c2.71875-1.351563 4.433593-4.125 4.433593-7.160157 0-3.03125-1.714843-5.804687-4.433593-7.160156zm-187.574219 90.214844v-166.109376l166.113281 83.054688zm0 0" /></svg>
</a>
</div>
<div class="flex flex-col shadow justify-around w-full sm:w-1/3 md:w-1/4 mb-2 px-2">
<h3 class="text-sm font-bold mb-1 text-black text-center mb-1">How to calculate the readability of a piece of writing</h3>
<a class="block self-center h-auto p-1" href="http://www.realscience.org.uk/3ml/vids/5findingtheflesch.mp4" target="_blank" rel="noopener noreferrer">
<svg height="50pt" viewBox="0 0 480 480" width="50pt" xmlns="http://www.w3.org/2000/svg">
<path d="m240 0c-132.546875 0-240 107.453125-240 240s107.453125 240 240 240 240-107.453125 240-240c-.148438-132.484375-107.515625-239.851562-240-240zm0 464c-123.710938 0-224-100.289062-224-224s100.289062-224 224-224 224 100.289062 224 224c-.140625 123.652344-100.347656 223.859375-224 224zm0 0" />
<path d="m355.574219 232.839844-192-96c-2.480469-1.238282-5.425781-1.105469-7.78125.351562-2.359375 1.460938-3.792969 4.035156-3.792969 6.808594v192c-.015625 2.78125 1.414062 5.367188 3.773438 6.835938 2.363281 1.46875 5.316406 1.605468 7.800781.363281l192-96c2.71875-1.351563 4.433593-4.125 4.433593-7.160157 0-3.03125-1.714843-5.804687-4.433593-7.160156zm-187.574219 90.214844v-166.109376l166.113281 83.054688zm0 0" /></svg>
</a>
</div>
<div class="flex flex-col shadow justify-around w-full sm:w-1/3 md:w-1/4 mb-2 px-2">
<h3 class="text-sm font-bold mb-1 text-black text-center mb-1">How to make accounts for your pupils</h3>
<a class="block self-center h-auto p-1" href="http://www.realscience.org.uk/3ml/vids/7makingpupilsaccounts.mp4" target="_blank" rel="noopener noreferrer">
<svg height="50pt" viewBox="0 0 480 480" width="50pt" xmlns="http://www.w3.org/2000/svg">
<path d="m240 0c-132.546875 0-240 107.453125-240 240s107.453125 240 240 240 240-107.453125 240-240c-.148438-132.484375-107.515625-239.851562-240-240zm0 464c-123.710938 0-224-100.289062-224-224s100.289062-224 224-224 224 100.289062 224 224c-.140625 123.652344-100.347656 223.859375-224 224zm0 0" />
<path d="m355.574219 232.839844-192-96c-2.480469-1.238282-5.425781-1.105469-7.78125.351562-2.359375 1.460938-3.792969 4.035156-3.792969 6.808594v192c-.015625 2.78125 1.414062 5.367188 3.773438 6.835938 2.363281 1.46875 5.316406 1.605468 7.800781.363281l192-96c2.71875-1.351563 4.433593-4.125 4.433593-7.160157 0-3.03125-1.714843-5.804687-4.433593-7.160156zm-187.574219 90.214844v-166.109376l166.113281 83.054688zm0 0" /></svg>
</a>
</div>
<div class="flex flex-col shadow justify-around w-full sm:w-1/3 md:w-1/4 mb-2 px-2">
<h3 class="text-sm font-bold mb-1 text-black text-center mb-1">How to collect pupils into a class</h3>
<a class="block self-center h-auto p-1" href="http://www.realscience.org.uk/3ml/vids/8makingaclass.mp4" target="_blank" rel="noopener noreferrer">
<svg height="50pt" viewBox="0 0 480 480" width="50pt" xmlns="http://www.w3.org/2000/svg">
<path d="m240 0c-132.546875 0-240 107.453125-240 240s107.453125 240 240 240 240-107.453125 240-240c-.148438-132.484375-107.515625-239.851562-240-240zm0 464c-123.710938 0-224-100.289062-224-224s100.289062-224 224-224 224 100.289062 224 224c-.140625 123.652344-100.347656 223.859375-224 224zm0 0" />
<path d="m355.574219 232.839844-192-96c-2.480469-1.238282-5.425781-1.105469-7.78125.351562-2.359375 1.460938-3.792969 4.035156-3.792969 6.808594v192c-.015625 2.78125 1.414062 5.367188 3.773438 6.835938 2.363281 1.46875 5.316406 1.605468 7.800781.363281l192-96c2.71875-1.351563 4.433593-4.125 4.433593-7.160157 0-3.03125-1.714843-5.804687-4.433593-7.160156zm-187.574219 90.214844v-166.109376l166.113281 83.054688zm0 0" /></svg>
</a>
</div>
<div class="flex flex-col shadow justify-around w-full sm:w-1/3 md:w-1/4 mb-2 px-2">
<h3 class="text-sm font-bold mb-1 text-black text-center mb-1">How to make an anthology of stories for pupils</h3>
<a class="block self-center h-auto p-1" href="http://www.realscience.org.uk/3ml/vids/9makingananthology.mp4" target="_blank" rel="noopener noreferrer">
<svg height="50pt" viewBox="0 0 480 480" width="50pt" xmlns="http://www.w3.org/2000/svg">
<path d="m240 0c-132.546875 0-240 107.453125-240 240s107.453125 240 240 240 240-107.453125 240-240c-.148438-132.484375-107.515625-239.851562-240-240zm0 464c-123.710938 0-224-100.289062-224-224s100.289062-224 224-224 224 100.289062 224 224c-.140625 123.652344-100.347656 223.859375-224 224zm0 0" />
<path d="m355.574219 232.839844-192-96c-2.480469-1.238282-5.425781-1.105469-7.78125.351562-2.359375 1.460938-3.792969 4.035156-3.792969 6.808594v192c-.015625 2.78125 1.414062 5.367188 3.773438 6.835938 2.363281 1.46875 5.316406 1.605468 7.800781.363281l192-96c2.71875-1.351563 4.433593-4.125 4.433593-7.160157 0-3.03125-1.714843-5.804687-4.433593-7.160156zm-187.574219 90.214844v-166.109376l166.113281 83.054688zm0 0" /></svg>
</a>
</div>
<div class="flex flex-col shadow justify-around w-full sm:w-1/3 md:w-1/4 mb-2 px-2">
<h3 class="text-sm font-bold mb-1 text-black text-center mb-1">How to make accounts for other teachers</h3>
<a class="block self-center h-auto p-1" href="http://www.realscience.org.uk/3ml/vids/10extrateacheraccounts.mp4" target="_blank" rel="noopener noreferrer">
<svg height="50pt" viewBox="0 0 480 480" width="50pt" xmlns="http://www.w3.org/2000/svg">
<path d="m240 0c-132.546875 0-240 107.453125-240 240s107.453125 240 240 240 240-107.453125 240-240c-.148438-132.484375-107.515625-239.851562-240-240zm0 464c-123.710938 0-224-100.289062-224-224s100.289062-224 224-224 224 100.289062 224 224c-.140625 123.652344-100.347656 223.859375-224 224zm0 0" />
<path d="m355.574219 232.839844-192-96c-2.480469-1.238282-5.425781-1.105469-7.78125.351562-2.359375 1.460938-3.792969 4.035156-3.792969 6.808594v192c-.015625 2.78125 1.414062 5.367188 3.773438 6.835938 2.363281 1.46875 5.316406 1.605468 7.800781.363281l192-96c2.71875-1.351563 4.433593-4.125 4.433593-7.160157 0-3.03125-1.714843-5.804687-4.433593-7.160156zm-187.574219 90.214844v-166.109376l166.113281 83.054688zm0 0" /></svg>
</a>
</div>
<div class="flex flex-col shadow justify-around w-full sm:w-1/3 md:w-1/4 mb-2 px-2">
<h3 class="text-sm font-bold mb-1 text-black text-center mb-1">How to set or change a pupil password</h3>
<a class="block self-center h-auto p-1" href="http://www.realscience.org.uk/3ml/vids/11NewPupilPassword.mp4" target="_blank" rel="noopener noreferrer">
<svg height="50pt" viewBox="0 0 480 480" width="50pt" xmlns="http://www.w3.org/2000/svg">
<path d="m240 0c-132.546875 0-240 107.453125-240 240s107.453125 240 240 240 240-107.453125 240-240c-.148438-132.484375-107.515625-239.851562-240-240zm0 464c-123.710938 0-224-100.289062-224-224s100.289062-224 224-224 224 100.289062 224 224c-.140625 123.652344-100.347656 223.859375-224 224zm0 0" />
<path d="m355.574219 232.839844-192-96c-2.480469-1.238282-5.425781-1.105469-7.78125.351562-2.359375 1.460938-3.792969 4.035156-3.792969 6.808594v192c-.015625 2.78125 1.414062 5.367188 3.773438 6.835938 2.363281 1.46875 5.316406 1.605468 7.800781.363281l192-96c2.71875-1.351563 4.433593-4.125 4.433593-7.160157 0-3.03125-1.714843-5.804687-4.433593-7.160156zm-187.574219 90.214844v-166.109376l166.113281 83.054688zm0 0" /></svg>
</a>
</div>
<div class="flex flex-col shadow justify-around w-full sm:w-1/3 md:w-1/4 mb-2 px-2">
<h3 class="text-sm font-bold mb-1 text-black text-center mb-1">Motivation: Why 3ml?</h3>
<a class="block self-center h-auto p-1" href="http://www.realscience.org.uk/3ml/vids/0Why3ml.mp4" target="_blank" rel="noopener noreferrer">
<svg height="50pt" viewBox="0 0 480 480" width="50pt" xmlns="http://www.w3.org/2000/svg">
<path d="m240 0c-132.546875 0-240 107.453125-240 240s107.453125 240 240 240 240-107.453125 240-240c-.148438-132.484375-107.515625-239.851562-240-240zm0 464c-123.710938 0-224-100.289062-224-224s100.289062-224 224-224 224 100.289062 224 224c-.140625 123.652344-100.347656 223.859375-224 224zm0 0" />
<path d="m355.574219 232.839844-192-96c-2.480469-1.238282-5.425781-1.105469-7.78125.351562-2.359375 1.460938-3.792969 4.035156-3.792969 6.808594v192c-.015625 2.78125 1.414062 5.367188 3.773438 6.835938 2.363281 1.46875 5.316406 1.605468 7.800781.363281l192-96c2.71875-1.351563 4.433593-4.125 4.433593-7.160157 0-3.03125-1.714843-5.804687-4.433593-7.160156zm-187.574219 90.214844v-166.109376l166.113281 83.054688zm0 0" /></svg>
</a>
</div>
<div class="flex flex-col shadow justify-around w-full sm:w-1/3 md:w-1/4 mb-2 px-2">
<h3 class="text-sm font-bold mb-1 text-black text-center mb-1">How hard it is to find readable science stories?</h3>
<a class="block self-center h-auto p-1" href="http://www.realscience.org.uk/3ml/vids/1findingsciencestories.mp4" target="_blank" rel="noopener noreferrer">
<svg height="50pt" viewBox="0 0 480 480" width="50pt" xmlns="http://www.w3.org/2000/svg">
<path d="m240 0c-132.546875 0-240 107.453125-240 240s107.453125 240 240 240 240-107.453125 240-240c-.148438-132.484375-107.515625-239.851562-240-240zm0 464c-123.710938 0-224-100.289062-224-224s100.289062-224 224-224 224 100.289062 224 224c-.140625 123.652344-100.347656 223.859375-224 224zm0 0" />
<path d="m355.574219 232.839844-192-96c-2.480469-1.238282-5.425781-1.105469-7.78125.351562-2.359375 1.460938-3.792969 4.035156-3.792969 6.808594v192c-.015625 2.78125 1.414062 5.367188 3.773438 6.835938 2.363281 1.46875 5.316406 1.605468 7.800781.363281l192-96c2.71875-1.351563 4.433593-4.125 4.433593-7.160157 0-3.03125-1.714843-5.804687-4.433593-7.160156zm-187.574219 90.214844v-166.109376l166.113281 83.054688zm0 0" /></svg>
</a>
</div>
</div>
</div>
<div class="flex-1"></div>
<footer class="bg-gray-100 w-screen">
<div class="container mx-auto py-2">
<h1 class="text-center text-sm my-4 text-tml-blue font-bold ">Contact us: <a href="mailto:admin@three-minute-learning.org"> admin@three-minute-learning.org
</a></h1>
<div class="flex flex-wrap md:flex-no-wrap items-center justify-between">
<div class="w-4/12 md:w-3/12 pr-2">
<img class="object-scale-down mx-auto" src="http://www.realscience.org.uk/3ml/img/stfccrop.jpg" alt="STFC Logo">
</div>
<div class="w-3/12 md:w-2/12 px-2">
<img class="object-scale-down mx-auto" src="http://www.realscience.org.uk/3ml/img/ssercsmaller.jpg" alt="SSERC Logo">
</div>
<div class="w-4/12 md:w-3/12 px-2">
<img class="object-scale-down mx-auto" src="http://www.realscience.org.uk/3ml/img/GU.jpg" alt="Glasgow University Logo">
</div>
<div class="w-3/12 md:w-2/12 md:px-2">
<img class="object-scale-down mx-auto" src="http://www.realscience.org.uk/3ml/img/rae.png" alt="Royal academy of Engineering Logo">
</div>
<div class="w-3/12 md:w-2/12 px-2">
<img class="object-scale-down mx-auto" src="http://www.realscience.org.uk/3ml/img/ukspaceagency.png" alt="UK Space Agency Logo">
</div>
<div class="w-3/12 md:w-2/12 px-2">
<img class="object-scale-down mx-auto" src="http://www.realscience.org.uk/3ml/img/afa.jpg" alt="Awards for All Logo">
</div>
<div class="w-2/12 md:w-2/12 pl-4">
<img class="object-scale-down mx-auto" src="http://www.realscience.org.uk/3ml/img/realscience.png" alt="Real Science Logo">
</div>
</div>
</div>
</footer>
</body>
</html>