-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
146 lines (138 loc) · 9.16 KB
/
about.html
File metadata and controls
146 lines (138 loc) · 9.16 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About - Chance</title>
<link rel="stylesheet" href="style.css">
<meta name="theme-color" content="#FFFFFF">
<link rel="icon" href="Im/f-home.webp" type="image/webp">
</head>
<body>
<nav>
<a href="index.html">Home</a>
<a href="shelf.html">Shelf</a>
<a class="selected" href="about.html">About</a>
<a href="audio.html">Audio</a>
</nav>
<view class="horizontal-gallery top">
<responsive>
<h5><prim>My heroes.</prim></h5>
<carousel>
<slider id="heroes">
<a class="rams">
<h1>Think Far</h1>
<p>Dieter Rams</p>
</a>
<a class="jobs white">
<h1>Stay Foolish</h1>
<p>Steve Jobs</p>
</a>
<a class="ive">
<h1>Think Far</h1>
<p>Jony Ive</p>
</a>
<a class="paglia white">
<h1>Stay Foolish</h1>
<p>Camille Paglia</p>
</a>
</slider>
</carousel>
<controls>
<button class="left" id="leftSlide2">
<svg width="10" height="16" viewBox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.654541 8C0.660075 7.82845 0.693278 7.67074 0.75415 7.52686C0.820557 7.38298 0.920166 7.24463 1.05298 7.11182L7.44458 0.861328C7.65487 0.651042 7.91219 0.545898 8.21655 0.545898C8.42684 0.545898 8.61499 0.595703 8.78101 0.695312C8.95256 0.794922 9.08813 0.930501 9.18774 1.10205C9.29289 1.26807 9.34546 1.45345 9.34546 1.6582C9.34546 1.9681 9.22925 2.23926 8.99683 2.47168L3.31079 8L8.99683 13.5283C9.22925 13.7663 9.34546 14.0374 9.34546 14.3418C9.34546 14.5521 9.29289 14.7402 9.18774 14.9062C9.08813 15.0723 8.95256 15.2051 8.78101 15.3047C8.61499 15.4043 8.42684 15.4541 8.21655 15.4541C7.91219 15.4541 7.65487 15.349 7.44458 15.1387L1.05298 8.88818C0.914632 8.75537 0.812256 8.61702 0.74585 8.47314C0.684977 8.32373 0.654541 8.16602 0.654541 8Z" fill="black" fill-opacity="0.5"/>
</svg>
</button>
<platter id="platter2">
<indicator class="selected"></indicator>
<indicator></indicator>
<indicator></indicator>
<indicator></indicator>
</platter>
<button class="right" id="rightSlide2">
<svg width="10" height="16" viewBox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.34546 8C9.34546 8.16602 9.31226 8.32373 9.24585 8.47314C9.18498 8.61702 9.08537 8.75537 8.94702 8.88818L2.56372 15.1387C2.3479 15.349 2.08504 15.4541 1.77515 15.4541C1.57593 15.4541 1.39054 15.4043 1.21899 15.3047C1.04744 15.2051 0.909098 15.0723 0.803955 14.9062C0.704346 14.7402 0.654541 14.5521 0.654541 14.3418C0.654541 14.0374 0.770752 13.7663 1.00317 13.5283L6.68921 8L1.00317 2.47168C0.770752 2.23926 0.654541 1.9681 0.654541 1.6582C0.654541 1.45345 0.704346 1.26807 0.803955 1.10205C0.909098 0.930501 1.04744 0.794922 1.21899 0.695312C1.39054 0.595703 1.57593 0.545898 1.77515 0.545898C2.08504 0.545898 2.3479 0.651042 2.56372 0.861328L8.94702 7.11182C9.07983 7.24463 9.17944 7.38298 9.24585 7.52686C9.31226 7.67074 9.34546 7.82845 9.34546 8Z" fill="black" fill-opacity="0.5"/>
</svg>
</button>
</controls>
<div class="p-grid">
<p><prim>Dieter Rams</prim> pioneered civilized, honest, and timeless design. He urges us to ask 100 year questions and always defer to the self expression of people and their complex and fascinating lives.</p>
<p><prim>Steve Jobs</prim> showed us that technology can change us and make us more than we are. He left us with Apple, a place where imagination is nurtured, applied, and executed in the most creative ways.</p>
<p><prim>Jony Ive</prim> values the merit of ideas above all else, and through a creative process of countless iteration, produced a market-wide orientation toward simplicity, clarity, and incredible delight.</p>
<p><prim>Camille Paglia</prim> uses her taste for great art to provoke and widen the mind. She asserts her street smart, Amazon individualism with fascinating rigor and flexibility granted only by her cosmic vision.</p>
</div>
</responsive>
</view>
<view class="wordmark">
<responsive>
<h6>My Values</h6>
<h4>These people have a taste for meaning, adventure, and enormity.<br><br><br>
They ask 100 year questions and value imagination, clarity, and cosmic vision.<br><br><br>
They are my north stars, the architects of my values.
</h4>
<a href="thinkfar-stayfoolish.html">
<border>Learn more</border>
</a>
</responsive>
</view>
<view class="horizontal-gallery">
<responsive>
<h5><prim>My interests</prim> in photos.</h5>
<carousel>
<slider id="interests">
<a class="ny">
<h6>VISITING</h6>
<h2>New York</h2>
</a>
<a class="sf">
<h6>VISITING</h6>
<h2>San Fransisco</h2>
</a>
<a class="atx">
<h6>RUNNING IN</h6>
<h2>Austin</h2>
</a>
<a class="md">
<h6>VISITING</h6>
<h2>Mendoza</h2>
</a>
<a class="gt">
<h6>VISITING</h6>
<h2>Gran Tetons</h2>
</a>
<a class="ba">
<h6>VISITING</h6>
<h2>Buenos Aires</h2>
</a>
</slider>
</carousel>
<controls>
<button class="left" id="leftSlide4">
<svg width="10" height="16" viewBox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.654541 8C0.660075 7.82845 0.693278 7.67074 0.75415 7.52686C0.820557 7.38298 0.920166 7.24463 1.05298 7.11182L7.44458 0.861328C7.65487 0.651042 7.91219 0.545898 8.21655 0.545898C8.42684 0.545898 8.61499 0.595703 8.78101 0.695312C8.95256 0.794922 9.08813 0.930501 9.18774 1.10205C9.29289 1.26807 9.34546 1.45345 9.34546 1.6582C9.34546 1.9681 9.22925 2.23926 8.99683 2.47168L3.31079 8L8.99683 13.5283C9.22925 13.7663 9.34546 14.0374 9.34546 14.3418C9.34546 14.5521 9.29289 14.7402 9.18774 14.9062C9.08813 15.0723 8.95256 15.2051 8.78101 15.3047C8.61499 15.4043 8.42684 15.4541 8.21655 15.4541C7.91219 15.4541 7.65487 15.349 7.44458 15.1387L1.05298 8.88818C0.914632 8.75537 0.812256 8.61702 0.74585 8.47314C0.684977 8.32373 0.654541 8.16602 0.654541 8Z" fill="black" fill-opacity="0.5"/>
</svg>
</button>
<platter id="platter4">
<indicator class="selected"></indicator>
<indicator></indicator>
<indicator></indicator>
<indicator></indicator>
<indicator></indicator>
<indicator></indicator>
</platter>
<button class="right" id="rightSlide4">
<svg width="10" height="16" viewBox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.34546 8C9.34546 8.16602 9.31226 8.32373 9.24585 8.47314C9.18498 8.61702 9.08537 8.75537 8.94702 8.88818L2.56372 15.1387C2.3479 15.349 2.08504 15.4541 1.77515 15.4541C1.57593 15.4541 1.39054 15.4043 1.21899 15.3047C1.04744 15.2051 0.909098 15.0723 0.803955 14.9062C0.704346 14.7402 0.654541 14.5521 0.654541 14.3418C0.654541 14.0374 0.770752 13.7663 1.00317 13.5283L6.68921 8L1.00317 2.47168C0.770752 2.23926 0.654541 1.9681 0.654541 1.6582C0.654541 1.45345 0.704346 1.26807 0.803955 1.10205C0.909098 0.930501 1.04744 0.794922 1.21899 0.695312C1.39054 0.595703 1.57593 0.545898 1.77515 0.545898C2.08504 0.545898 2.3479 0.651042 2.56372 0.861328L8.94702 7.11182C9.07983 7.24463 9.17944 7.38298 9.24585 7.52686C9.31226 7.67074 9.34546 7.82845 9.34546 8Z" fill="black" fill-opacity="0.5"/>
</svg>
</button>
</controls>
</responsive>
</view>
<view class="chin main">
<responsive>
<p>SF Icons appearing in the navigation bar, Ideas for the future, and Writing — Foundations and Principles are the property of Apple, and have been used only as a loving and careful reference to the design ethos responsible for the development of iOS, iPadOS, macOS, visionOS, watchOS, and tvOS software platforms.</p>
</responsive>
</view>
<script src="index.js"></script>
</body>