-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
161 lines (147 loc) · 9.71 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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<!DOCTYPE html>
<html lang="zh-Hans-TW">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="./assets/styles/global.css" />
<link rel="stylesheet" type="text/css" href="./assets/styles/index.css" />
<link rel="apple-touch-icon" sizes="180x180" href="./assets/images/favicons/apple-touch-icon.png?v=9B9mwEyXv0" />
<link rel="icon" type="image/png" sizes="128x128" href="./assets/images/favicons/favicon-128x128.png?v=9B9mwEyXv0" />
<link rel="icon" type="image/png" sizes="64x64" href="./assets/images/favicons/favicon-64x64.png?v=9B9mwEyXv0" />
<link rel="icon" type="image/png" sizes="32x32" href="./assets/images/favicons/favicon-32x32.png?v=9B9mwEyXv0" />
<link rel="icon" type="image/png" sizes="16x16" href="./assets/images/favicons/favicon-16x16.png?v=9B9mwEyXv0" />
<link rel="manifest" href="./assets/images/favicons/site.webmanifest?v=9B9mwEyXv0" />
<link rel="mask-icon" href="./assets/images/favicons/safari-pinned-tab.svg?v=9B9mwEyXv0" color="#fa1f1f" />
<link rel="shortcut icon" href="./assets/images/favicons/favicon.ico?v=9B9mwEyXv0" />
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="msapplication-config" content="./assets/images/favicons/browserconfig.xml?v=9B9mwEyXv0" />
<meta name="theme-color" content="#ffffff" />
<meta property="og:type" content="website" />
<meta property="og:title" content="卡莉絲伊繁星" />
<meta property="og:description" content="透過網路改變現實生活中的事件。比起創新我們更喜歡革新並找出大家真正所需。" />
<meta property="og:site_name" content="卡莉絲伊繁星" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="卡莉絲伊繁星" />
<meta name="twitter:description" content="透過網路改變現實生活中的事件。比起創新我們更喜歡革新並找出大家真正所需。" />
<meta property="og:image" content="./assets/images/social/cover.png" />
<meta name="twitter:image" content="./assets/images/social/cover-twitter.png" />
<title>卡莉絲伊繁星</title>
</head>
<body>
<main>
<main-navbar>
<navbar-primary>
<a href="./" data-active>首頁</a>
<a href="./products">產品</a>
<a href="./statistics">報表</a>
<a href="./news">新聞</a>
<a href="./about">關於</a>
<a href="./policies">規範與協議</a>
</navbar-primary>
<navbar-secondary>
<a href="https://github.com/caris-events" target="_blank">GitHub</a>
</navbar-secondary>
</main-navbar>
<company-notice> <a href="https://sorae.co/zh-tw.html" target="_blank">對空音商事有限公司</a>現已成為卡莉絲伊繁星的頂級控制公司。 </company-notice>
<main-brand>
<brand-container>
<img data-logo src="./assets/images/logo.svg" />
<img data-logotype src="./assets/images/logotype.svg" />
<img data-outline src="./assets/images/logotype-outlined.svg" />
</brand-container>
</main-brand>
<main-slogan>
<slogan-container class="container">
<slogan-header class="header">Life is eventful.</slogan-header>
<slogan-description class="description">透過網路改變現實生活中的事件。比起創新我們更喜歡革新並找出大家真正所需。</slogan-description>
</slogan-container>
</main-slogan>
<main-features class="block">
<features-container class="container">
<features-header class="header">我們的目的很簡單。</features-header>
<features-description class="description">卡莉絲伊繁星主要提供網路服務並致力於社群發展。</features-description>
<features-details>
<details-item>
<item-symbol>
<img src="./assets/images/icons/social.svg" />
<!-- Social by Adrien Coquet from the Noun Project -->
</item-symbol>
<item-header>建立社群網路與情感社交的聯繫。</item-header>
<item-description
>建立人與人之間的聯繫並提供一個良好的內容創作環境是我們的首要目標。任何人都應該有不受拘束的創作自由，這也是我們最致力發展的目標。其次是協助推廣創作者們得到更大的迴響進而推動整個產業的發展。</item-description
>
</details-item>
<details-item>
<item-symbol>
<img src="./assets/images/icons/together.svg" />
<!-- together by Adrien Coquet from the Noun Project -->
</item-symbol>
<item-header>撰寫自由且開放原始碼的專案。</item-header>
<item-description
>取之於社會，用之於社會；我們的成就來自於社會上那些默默無名的貢獻，而我們也樂意將自己的成長付諸於社群。正因為如此，開放原始碼社群才更具有意義。</item-description
>
</details-item>
<details-item>
<item-symbol>
<img src="./assets/images/icons/nekomimi-and-cat.svg" />
<!-- girl by Alina Oleynik from the Noun Project -->
<!-- Cat by Viet EDC from the Noun Project -->
</item-symbol>
<item-header>將二次元文化融入三次元。</item-header>
<item-description
>現實生活應該像二次元那樣充滿新鮮的挑戰卻又十分地美好，而計畫這樣的未來正在我們的目標之一。我們正試著找尋多個不同的方式實現這樣的夢想，即便現在不可行，我們也永不放棄。</item-description
>
</details-item>
</features-details>
<features-footer>
<footer-primary>
<a href="https://caris.events/products" class="block-link">查看產品</a>
</footer-primary>
<footer-secondary>
噢對了！這些超讚的圖示由
<a href="https://thenounproject.com/" target="_blank">The Noun Project</a> 免費提供。
</footer-secondary>
</features-footer>
</features-container>
</main-features>
<main-country>
<country-container class="container">
<country-primary class="sub-header"> 我們來自台灣，而且這是一個很棒的國家。 </country-primary>
<country-secondary>
<p>
如果你萃取美國、日本與香港美好的事物組成一個國家，那就會是台灣。台灣是個很棒的地方
<img class="flag" src="./assets/images/icons/roc-taiwan.svg" />！
</p>
<a href="#!" class="block-link" data-disabled>目前尚無職缺</a>
</country-secondary>
</country-container>
</main-country>
<main-footer>
<footer-container>
<footer-items>
<items-item>
<img src="./assets/images/logo.svg" />
</items-item>
<items-item>
<item-header>合作和支援夥伴</item-header>
<a href="https://teameowdev.wordpress.com/" target="_blank">TeaMeow 開發者</a><br />
<a href="https://sorae.co/" target="_blank">對空音商事有限公司</a><br />
</items-item>
<items-item>
<item-header>相關資訊</item-header>
<a href="./policies/caris/" target="_blank">伊繁星最高協議</a><br />
<a href="./policies/api/" target="_blank">應用程式介面連攜規定</a><br />
<a href="./policies/privacy/" target="_blank">個人隱私與資料政策</a>
</items-item>
<items-item>
<item-header>其他連結</item-header>
<a href="#!">伊繁星身份</a><br />
<a href="#!">合作夥伴系統</a><br />
<a href="#!">聯絡我們</a>
</items-item>
</footer-items>
</footer-container>
</main-footer>
</main>
</body>
</html>