-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathA-2.html
163 lines (96 loc) · 6.3 KB
/
A-2.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 TAGS -->
<meta charset="UTF-8" />
<title>Changes</title>
<!-- STYLESHEETS -->
<link rel="stylesheet" href="assets/css/flexboxgrid.min.css" type="text/css">
<link rel="stylesheet" href="assets/css/_font-awesome.min.css.scss" type="text/css">
<link rel="stylesheet" href="assets/css/style.css" type="text/css">
</head>
<body class="color-4">
<!------------#NAVBAR_SMALL------------>
<div class=" row center-xs nav-small text-left title z-top no-margin no-padding">
<input type="checkbox" id="nav-trigger" class="nav-controller" />
<header class="header-bar">
<label class="" for="nav-trigger" tabindex="-1">
<div class="button--icon-container">
<span class="icon icon--hamburger"></span>
</div>
</label>
</header>
<aside class="nav">
<label class="overlay" for="nav-trigger"></label>
<div class="nav__body">
<ul class=" nav__list col-xs-12 min-margin-top">
<label class="nav__item" for="nav-trigger">
<li class="li-pad"><a class="start-xs" href="editorial.html" class="menu-selected">Editorial</a></li>
<li class="li-pad"><a class="start-xs" href="A-1.html">Man's role in changing the face of the earth</a></li>
<li class="li-pad"><a class=" start-xs" href="A-2.html">Tuesday's Child </a></li>
<li class="li-pad"><a class=" start-xs" href="B-1.html">Life on the computer network frontier</a></li>
<li class="li-pad"><a class=" start-xs" href="B-2.html">Computer Paranoia</a></li>
<li class="li-pad"><a class=" start-xs" href="B-3.html">Video</a></li>
<li class="li-pad"><a class=" start-xs" href="C-1.html">Seeing the Light </a></li>
<li class="li-pad"><a class=" start-xs" href="C-2.html">Documentary Photography</a></li>
<li class="li-pad"><a class=" start-xs" href="C-3.html">Film </a></li>
<li class="li-pad"><a class=" start-xs" href="C-4.html">Underground Comix</a></li>
<li class="li-pad"><a class="start-xs" href="D-1.html">Jarfalla: City of the Future </a></li>
</label>
</ul>
</div>
</aside>
</div>
<section class="section-resized no-padding-top">
<div class="row start-xs">
<div class="col-xs-6 semi-title z-down no-padding no-margin">
<a href="index.html">
<p class="text-dark">Changes</p>
</a>
</div>
<div class="col-xs-6 smalltext z-down end-xs min-margin-top">
<p class="">p.6-7</p>
</div>
</div>
<div class="row center-xs ">
<a class="end-xs col-xs-3 p-height" href="B-1.html"> <img class="icon-a " src="assets/images/seta.png" alt=" ">
</a>
<a class="start-xs col-xs-3 p-height-left" href="A-1.html">
<img class="icon-a " src="assets/images/seta-esq.png" alt=" ">
</a>
</div>
<div class="row center-xs">
<p class="title col-xs-12 no-margin-bot"> Tuesday's Child</p>
<p class="text col-xs-12 col-sm-10 col-lg-8 no-margin-top text-right">
From Tuesday´s Child - Vol 1 nº 1</p>
</div>
<div class="row center-xs text-left ">
<p class="text col-xs-12 col-sm-10 col-lg-8 no-margin-bot">
All through the riots of ‘72 we watched, itching to leave the city but somehow still attached. I mean, we knew. We knew as early as ‘67, but it was so science-fictiony that we just kind of dreamed happily over it, making incredibly detailed lists, playing with the Ouijfi Board, studying astrology and making predictions in off-handedly superior ways. </p>
<div class="text col-xs-12 col-sm-5 col-lg-8 ">
<p class="sm-indent no-margin-bot "> We got disillusioned in ‘68, and went on a lot of sidetrips, falling in love, losing it, moving, practicing all kinds of crafts, having babies. So we still waited, planning, collecting. In ‘73 we got into our bus and split for Oregon. </p>
<p class="sm-indent no-margin-bot ">We drove all night and the better part of the day, slept just in time to hear on the radio that Red China had started bombing somebody, but not us yet, thank God. We woke and drove again, through the night, and finally we got there, and fell on exhausted.</p>
</div>
<img class="ill col-sm-5 col-xs-12 col-md-10 sm-margin-top" src="assets/images/A-2.png" alt=" ">
<figcaption class="smalltext center-xs col-sm-5 col-xs-12 col-md-10 sm-margin-top shadow"> Infographic on the main causes and consequences of war</figcaption>
<p class="text col-xs-12 col-sm-10 col-lg-8 sm-indent no-margin-bot">
In the morning the baby started to cry. We got up. Outside the curtained windows of our bus, through the trees and the virgin country, we saw’seven tepees, three Volkswagen busses, two school busses, one Renault Dauphine with a pup tent on top of it, a half-litwn cabin, two chemical toilets, several dogs, more cats, a fire somewhere off in the distance, and stancieig around us were ninety-seven people. </p>
<p class=" col-xs-10 col-sm-10 col-lg-8 no-margin-bot semi-title text-dark">They looked: hungry. They all had long hair. Nobody was smiling. </p>
<p class="text col-xs-12 col-sm-10 col-lg-8 sm-indent no-margin">
We are the ones over thirty first. Later, the soldiers came.
<br>
</p>
<p class="text col-xs-12 col-sm-10 col-lg-8 sm-indent no-margin">What’s wrong with this story?
<br>
</p>
<p class="text col-xs-12 col-sm-10 col-lg-8 sm-indent no-margin">1616 North Argyle Ave.
<br>
</p>
<p class="text col-xs-12 col-sm-10 col-lg-8 sm-indent no-margin">Hollywood, CA 90028 S6/V
</p>
</div>
</div>
</div>
</section>
</body>
</html>