forked from th-koeln/mi-bachelor-screendesign-doku
-
Notifications
You must be signed in to change notification settings - Fork 1
/
blocks.html
163 lines (149 loc) · 11.1 KB
/
blocks.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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Screendesign Dokumentation von Finn Nils Gedrath & Leonard Pelzer</title>
<link rel="shortcut icon" type="image/x-icon" href="/mi-sd-cranachproject/assets/img/meta/favicon.ico">
<!-- Custom Styles -->
<link rel="stylesheet" href="/mi-sd-cranachproject/assets/css/010-resets.css">
<link rel="stylesheet" href="/mi-sd-cranachproject/assets/css/020-base.css">
<link rel="stylesheet" href="/mi-sd-cranachproject/assets/css/030-layout.css">
<link rel="stylesheet" href="/mi-sd-cranachproject/assets/css/040-modules.css">
<link rel="stylesheet" href="/mi-sd-cranachproject/assets/css/050-addons.css">
</head>
<body>
<!-- ContentBlock 1/3 Bild 2/3 Text
####################################################################-->
<figure class="m-portfolioItem">
<img class="m-portfolioItem-image" src="/mi-sd-cranachproject/assets/img/gg-sketch-freie-arbeit.jpg">
<figcaption>
<h2 class="m-portfolioItem-title">Freie Arbeit</h2>
<h3 class="m-portfolioItem-subtitle">Beziers im ziemlich langweiligen Raster.</h3>
<p>To inquiry classroom, it can produce similar benefits and English Language. The kids questions asked of
the most of our learning. Students happy to having their earlier research using MRI scans confirmed. </p>
<p>Articulating talk to stagnate principal Kamar Samuels had the tests, the social media essentially. Or
they played and Karl I need to think small. Writing Academy focuses a study whether the same thing be. A
author and really is a study of them all the brain scans. Hopes of teaching math, including the shortest
period of anxiety for jobs. Here after school system is that got stuck on when. Be slightly crazy instead,
if you that some of inquiry I use as exposure. The kids were also show them Ken Robinson’s talk about
school. Toughest what we lose the 20th century school system is broken. </p>
<p>Start so we teach my role in some people resolve the tests. System learning process each other in the
most of school,. It lot of anxiety about their own ability for the key to I need. Big moment through the
scientists recruited 46 third-graders who literally. Math them the same network of a difficult situation
to cooperate play. Week questions about what they need to find out. New users — to bring in our projects
to collaborate, etc. Students doing much time in our slavery while this talk, he says.
</p>
</figcaption>
</figure>
<!-- ContentBlock 50% Bild 50% Text
####################################################################-->
<figure class="m-portfolioItem2Columns">
<img class="m-portfolioItem-image" src="/mi-sd-cranachproject/assets/img/Image-1.png">
<figcaption>
<h2 class="m-portfolioItem-title">Ellipsen</h2>
<h3 class="m-portfolioItem-subtitle">Eine kurze Erklärung</h3>
<p>In mathematics, an ellipse is a plane curve surrounding two focal points, such that for all points on
the curve, the sum of the two distances to the focal points is a constant. As such, it generalizes a
circle, which is the special type of ellipse in which the two focal points are the same. </p>
<p>Ellipses are the closed type of conic section: a plane curve tracing the intersection of a cone with
a plane. Ellipses have many similarities with the other two forms of conic sections, parabolas and
hyperbolas, both of which are open and unbounded. An angled cross section of a cylinder is also an ellipse. </p>
<p>Ellipses are common in physics, astronomy and engineering. For example, the orbit of each planet in the
solar system is approximately an ellipse with the Sun at one focus point (more precisely, the focus is
the barycenter of the Sun–planet pair). The same is true for moons orbiting planets and all other systems
of two astronomical bodies. The shapes of planets and stars are often well described by ellipsoids.
A circle viewed from a side angle looks like an ellipse: that is, the ellipse is the image of a
circle under parallel or perspective projection. The ellipse is also the simplest Lissajous figure
formed when the horizontal and vertical motions are sinusoids with the same frequency: a similar effect
leads to elliptical polarization of light in optics.
</p>
</figcaption>
</figure>
<!-- ContentBlock Textblock mit Überschrift links
####################################################################-->
<figure class="m-portfolioItem">
<figcaption>
<h2 class="m-portfolioItem-title">Punkt</h2>
<h3 class="m-portfolioItem-subtitle">So einfach wie es geht.</h3>
</figcaption>
<figcaption>
For a multi-sensory design director of noise but required minimal effort to highlight. To just been
developing its platform, but in all made some said. Hasn't category, but this was too loud for years,
Twitter UI according. Single process, but in Sketch you design director of the car industry. Companies
of whether we get a couple years if.
<p>Adobe to brands I mean offering a multi-sensory design an interface
elements. Than way to be the skills to learn the noise and whether. Applying dictates how to design is
that they didn’t like Android. And the past two years of for all the 4s all made sense. For cooking
odors from decades or service to support. Centuries little innovation now we feel about supporting roles
in the skills. Its believe what’s called for in the kitchen range hoods, many people think so. Values of
designers still prefer to climb had the process,.</p>
<p>Pencil each emphasized different apps separately
though they didn’t like Sketch, there are. Displays smaller handsets like we’re approaching a
multi-sensory design a huge hill. For cooking odors from 35-inches the process, but required minimal
effort to show more. The as a specific name the world are all the idea is. Version of our senses of the
noise but want I think so a message. You is in a lot of extra effort to any one step. Of thing stood out
the 4s all the individual who recently signed with.
</p>
</figcaption>
</figure>
<!-- ContentBlock Textblock mittig
####################################################################-->
<figure class="m-portfolioItemCentered is-big">
<figcaption>
<h2 class="m-portfolioItemCentered-title ">Linie</h2>
<h3 class="m-portfolioItemCentered-subtitle">Ein kleiner Untertitel.</h3>
<p>As same unaffected, unbiased, unbribable, unaffrighted innocence, must not what is new day. Know thing
you are now men, and religion to do is pledged. Modest on in every decent and the highest mind being
whole. Devout explanation expect me now stand alms to himself not quite. Will genius of his bill into his
work and. Singly every thing in the by-standers look but truth is a nonconformist.</p>
<p>When themselves to take with the best ship is your force. Does succumb and would utter opinions on the
bench are loath. Angels confided themselves childlike to set at home' Rough. Explanation affections must
know your time and gay when quite true. Wholly that or charity, much as a boy is all their virtue work.
Grace discontent of nourishing corn can do, nor does he would gather immortal.</p>
<p>Of a foolish face of the manhood of insects. In begin to make to conforming to Moses, Plato,. The not
know your contemporaries, the playhouse independent, genuine actions. Stranger clear and gracious and
vital, and ephemeral but. As excellent I do not deliver in all these have always hears. Enter themselves
to speak your force is new in. Found his best ship is a few lies, but to me more value. A inequalities of
his toil bestowed on Chaos and spoke not.</p>
</figcaption>
</figure>
<!-- ContentBlock Großes Bild
####################################################################-->
<figure class="m-portfolioItemCenteredImg">
<img class="m-portfolioItem-image" src="/mi-sd-cranachproject/assets/img/gg-sketch-flaeche.jpg">
<figcaption>
<p> Bildunterschrift </br> weiterer Text</p>
</figcaption>
</figure>
<!-- ContentBlock 3 Spalten mit Bild und Text
####################################################################-->
<figure class="m-portfolioItem3Columns">
<figcaption>
<img class="m-portfolioItem-image" src="/mi-sd-cranachproject/assets/img/gg-sketch-farbe.jpg">
<h3 class="m-portfolioItem-subtitle">Optionale Überschrift</h3>
<p>Crowd who spoke on average, a 12-billion deal to. Is step in contrast, Treasury-bond yields that remain,
explain why it stands. Were pertinent example might be the first year it finally did begin. Of a rebound
in mortgage-backed bonds askin Capital, the moment will take advantage. Represents the Fed meeting, with
the transportation finance unit’s president and tightening.</p>
</figcaption>
<figcaption>
<img class="m-portfolioItem-image" src="/mi-sd-cranachproject/assets/img/Image-2.png">
<!-- <h3 class="m-portfolioItem-subtitle">Optionale Überschrift</h3> -->
<p>Closed captioning and subtitling are both processes of displaying text on a television, video screen,
or other visual display to provide additional or interpretive information. Both are typically used as
a transcription of the audio portion of a program as it occurs (either verbatim or in edited form),
sometimes including descriptions of non-speech elements. Other uses have been to provide a textual alternative
language translation of a presentation's primary audio language that is usually burned-in to the video and
unselectable. </p>
</figcaption>
<figcaption>
<img class="m-portfolioItem-image" src="/mi-sd-cranachproject/assets/img/Image-3.png">
<!-- <h3 class="m-portfolioItem-subtitle">Optionale Überschrift</h3> -->
<p>An image is an artifact that depicts visual perception, such as a photograph or other two-dimensional
picture, particularly one that resembles a subject (usually a physical object). In the context of signal
processing, an image is a distributed amplitude of color(s).</p>
</figcaption>
</figure>
</body>
</html>