-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathC-1.html
141 lines (80 loc) · 5.4 KB
/
C-1.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
<!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-3">
<!------------#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>
<li class="li-pad"> <a class="" href="index-PT.html"><button type="button" class="btn-modal" href="index-PT.html">PT </button> </a></li>
</label>
</ul>
</div>
</aside>
</div>
<section class="section-resized no-padding-top text-lightest">
<div class="row start-xs">
<div class="col-xs-6 semi-title z-down no-padding no-margin">
<a href="index.html">
<p class="">Changes</p>
</a>
</div>
<div class="col-xs-6 smalltext z-down end-xs ">
<p class="min-margin-top text-dark">p.18</p>
</div>
</div>
<div class="row center-xs ">
<a class="end-xs col-xs-1 p-height" href="C-2.html"> <img class="icon-a " src="assets/images/seta.png" alt=" ">
</a>
<a class="start-xs col-xs-1 p-height-left" href="B-3.html">
<img class="icon-a " src="assets/images/seta-esq.png" alt=" ">
</a>
</div>
<div class="row center-xs">
<p class="title text-light col-xs-12"> Seeing the light</p>
</div>
<div class="row center-xs text-left ">
<p class=" col-xs-12 col-sm-10 col-lg-8 no-margin-bot">
"I wish everyone would do a book like this, made of the things they say to themselves to keep themselves doing what they do well. Embarrassing stuff — bombastic, personal, and wholly invaluable to anyone else trying to do something well. The revelant here is avant-garde filmmaker James Broughton. “
</p>
<p class=" col-xs-12 col-sm-10 col-lg-8 text-right text-bold no-margin-top">
<br>SB
</p>
<img class="ill col-xs-12 col-sm-8 " src="assets/images/C-1.jpg" alt=" ">
<figcaption class="smalltext center-xs col-sm-10 col-xs-12 col-md-10 shadow"> Illustration of a person getting out of the box </figcaption>
<p class="sm-indent no-margin-bot col-xs-12 col-sm-10 col-lg-8"> Excellent strategy: do what you are most afraid of doing. Look what Brakhage did. He has always feared death intensely, it has been a constant threatening imminence for him. So, with the courage that has always made him a trailblazer, he took his camera tightly in hand and went into the city morgue of Pittsburgh and looked closely and filmed unforgettably the forms of death as they had never been seen before. </p>
<p class=" col-xs-12 col-sm-10 col-lg-8 no-margin-bot semi-title text-light">The Act of Seeing With One’s Own Eyes. The avant-garde task is to deal with what nobody else is attending to. This keeps widening human consciousness and keeps balance in the universe. </p>
<p class="sm-indent no-margin-bot col-xs-12 col-sm-10 col-lg-8 "> Making a film is a more hazardous act than looking at one. For you will create a dream. Whereas dreams them- selves are natural events which happen to us. You will create a dream for others to dream and to be dreaded.
</p>
</body>
</html>