-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
137 lines (124 loc) · 6.57 KB
/
index.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
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Woodash * 序言</title>
<link rel="icon" href="images/favicon.ico">
<link rel="preconnect" href="https://ik.imagekit.io" crossorigin />
<link href="https://ik.imagekit.io/Woodash/SourceHanSerifSC-VF/result.css" rel="stylesheet">
<link href="../styles/normalize.css" rel="stylesheet">
<link href="../styles/basic.css" rel="stylesheet">
<link rel="stylesheet" href="../styles/article.css">
<link href="../styles/chapter-text.css" rel="stylesheet">
</head>
</head>
<body>
<header class="page-header">
<div class="page-header-flex">
<div id="page-header-title">
<a href="../index.html">Woodash * 灰分</a>
</div>
<div id="page-header-about">
技术与美学与数字花园
</div>
</div>
<div id="fading">
</div>
</header>
<article>
<header class="article-header">
<h1>
序言：燃尽之前
</h1>
</header>
<p>
欢迎来到这个网站。
</p>
<p>
这是一个有关技术与美学的网站，将要发展成为一个数字花园。我正在大学中学习设计，并且对科技、艺术、游戏、亚文化之类的许多事物感兴趣。
</p>
<section>
<h2>
技术与美学
</h2>
<p>
设计是技术与美学的协调，这是从苏联设计杂志 Техническая эстетика
（技术美学）中得到的启发。于是我以一个设计学徒的身份，斗胆唤出两个宏大的概念，来为自己贫瘠的花园增光添彩。事实上我对两个方面中的任何一个都是一窍不通：你无法在这里找到前沿的美学研究或是技术创新，只有人尽皆知的残羹剩饭，与牵强附会的浅薄想法。尽管如此，我还是厚颜无耻的套了大词，并且希望能通过发展这个网站来获得一些什么。
</p>
</section>
<section>
<h2>
数字花园
</h2>
<p>
数字花园是一种隐喻，来自麦克·考菲尔德的演讲。这不是一个严格的概念定义，而像一种倡议：去写一些生长的、私人的、交织的东西吧。在博尔赫斯《小径分岔的花园》的百年之后，超文本终于变成了花园。
</p>
<p>
建设一个严肃的博物馆，把所有的内容陈列在来宾面前——这不是数字花园的做法。想象一下真正的花园吧：植物恣意生长，鸟兽穿梭其间，道路曲折连结；园丁绝对不是定时上班，而是提着工具在花园中漫步，时不时修剪枝叶，挪动物件……
</p>
<p>
数字花园是自由的，随意的，而且绝不应该是固定的，死板的。这里会有作者的各种内容：无论是写完或者没写完的文章，还是不时增添的修改、评论，亦或者崭新稚嫩的想法。数字花园是包容性的，它可以承载作者的所有内容。我渴望建立这样一个花园，尽管目前看上去这里还是空荡得有些滑稽。但，这里终将变得丰富，繁茂，鸟语花香。
</p>
</section>
<section>
<h2>
灰分
</h2>
<p>
灰是残余，是焚烧的痕迹，是无机物，是往日的生。<br />灰是低熵，是中立状态，是
<code>
average()
</code>
，是混沌的朦胧。
</p>
<p>
灰色往往抹消了诸多色彩，正如互补色的混合；灰烬往往分解了多样的生物大分子，只剩下结构更简单的无机物。灰分实际上可以指代一切，或是一切在变成灰分之前的状态。在《极乐迪斯科》中，灰域负责吞噬，同化，静止——没有运动就没有物质。应当认为“灰”是一种拉扯，一个结局，一片死寂。
</p>
<p>
于是，以灰分作题，铭剑高悬：它要提醒我永远旗帜鲜明，去感受，去理解，去行动。我是动力。正如你是动力。
</p>
<p class="grey">
这是一段<strong>灰色</strong>的文字。事实上以上的解释从某种程度来说是一种牵强附会，“灰分”一开始只是一个翻译，“Woodash”起初也只是一个文字游戏。直到我开始思考它的价值，似乎还不错，于是我决定继续使用，或许……
</p>
</section>
<section>
<h2>
Woodash.cc
</h2>
<p>
目前来说，整个网站都是独立设计完成的。尽管目前已经有大量博客框架与生成工具，可以更快更好地实现华丽的效果，却似乎都不是我想要的。一是目之所及的模板都不是自己偏爱的风格；二是，在我的观念中，网站应该同样作为个人的独特表达。
</p>
<p>
<i>
<b>
网站应该是中立忠诚的信息载体，还是作为一种表达而存在？
</b>
</i>
</p>
<p>
现代主义设计往往倾向于前者，但对于一个独立博客来说，功能性似乎远远不如作者性来得重要。于是我选择从第一行代码开始编写整个网站，并从中体会到了什么（有云：编程是一种创意写作，似乎我也有朦胧的体验，尽管目前的水平还远远不够）。
</p>
</section>
<section>
<p>
无论如何，这里都欢迎天南海北到来的各位。感谢你看完了这篇序言（网站需要序言本身也很奇怪吧）。请自由探索这片花园吧，赛博空间的游人们。
</p>
<p id="signature">
Woodash<br />2023年10月18日
</p>
</section>
</article>
<footer>
<!-- <hr> -->
<div class="page-footer-flex">
<div id="page-footer-author">
Woodash.2023
</div>
<div id="page-footer-motto">
For All Cyber Wanderers.
</div>
</div>
</footer>
</body>
</html>