-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
108 lines (93 loc) · 3.67 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
---
layout: default
---
<p class="slogan">
開源世界最先進的作業系統!<br>
<a href="https://getfedora.org/">Fedora {{ site.version }}</a> 已於{{ site.release_date | date: "%Y年%m月%d日"}}發行!
</p>
<h2>什麼是 Fedora?</h2>
<p>
Fedora 是個以 GNU 和 Linux 為基礎的作業系統,是一套能讓你電腦運作自如的軟體集合。
你可以將 Fedora 和其他作業系統裝在一起,或是取代它們,例如 Microsoft Windows™ 或 Mac OS X™。
</p>
<h2>Fedora 專案</h2>
<p>
我們相信自由軟體的價值,並且為了保護、提倡人人都能使用且可再次散布的解決方案而奮戰;所以不只是 Fedora 作業系統是由自由軟體構成,我們社群也僅只使用自由軟體來提供成品。本網站,實際上也是由自由軟體構成。
</p>
<p>
我們希望以社群的方式一同運作,如此在自由軟體與自由內容的建立和傳遞中領先群倫。
</p>
<p>
說到底,所謂的「Fedora 專案」一詞,就是指這一群遍布全世界,由於熱愛、使用、打造自由軟體而聚集在此之人的名稱。
</p>
<div class="post_wrapper">
<h2>Facebook 社群動態</h2>
<ul id="fb_posts"></ul>
</div>
<div class="post_wrapper">
<h2>論壇動態</h2>
<ul id="forum_posts"></ul>
</div>
<script>
fetch('https://graph.facebook.com/v2.3/543559052337419/feed?fields=from,message&access_token=107244996094808|hrs5uGNHXE0K26ch0Z5wEW-_4Lg').then(function(response) {
return response.json();
})
.then(function(posts) {
var content = '';
posts.data.forEach(function(post, index, array) {
content += `<li>
<img src="https://graph.facebook.com/${post.from.id}/picture" alt="${post.from.name}" class="profilePhoto" height="50" width="50" /><p>`
var before = false;
if(post.message) {
content += `<a href="https://facebook.com/${post.id} ">${post.message?post.message:""}</a>`
before = true;
}
if(post.link) {
content += before?"<br>":"[Share]";
content += `<a href="${post.link}">${post.name?post.name:""}</a>`
before = true;
}
if(post.picture) {
content += before?"<br>":"";
content += `<img src="${post.picture}" alt=""/>`
}
content += `
</p>
</li>
`;
});
return content;
})
.catch(function(err) {
console.error(err);
return "<p>擷取社團貼文失敗,請稍後重試!</p>";
})
.then(function (content) {
document.getElementById('fb_posts').innerHTML += content;
});
fetch('https://fedora-tw.org/latest.json').then((res) => res.json())
.then(function(info) {
return info.topic_list.topics;
})
.then(function(posts) {
var content = '';
var category = [ '', '', '社群事務', '', '一般討論', '社群活動', '心得分享', '新聞交流', '協助參與' ];
var color = [ '', '', '#808281', '', '#0E76BD', '#F1592A', '#3AB54A', '#92278F', '#25AAE2'];
posts.forEach(function(post) {
content += `<li><img src="https://fedora-tw.org/user_avatar/fedora-tw.org/${post.last_poster_username}/120/1.png" alt="${post.last_poster_username}" class="profilePhoto" height="50" width="50" />
<a href="https://fedora-tw.org/t/${post.slug}/${post.id} ">`;
if(color[post.category_id - 1] !=- '' && category[post.category_id - 1] !== '')
content += `<div class="label" style="background: ${color[post.category_id - 1]}">${category[post.category_id - 1]}</div>`;
content += `<time>${new Date(post.last_posted_at).toLocaleString()}</time>
<h4>${post.title}</h4></a></li>`;
});
return content;
})
.catch(function(err) {
console.error(err);
return "<p>擷取社團貼文失敗,請稍後重試!</p>";
})
.then(function (content) {
document.getElementById('forum_posts').innerHTML += content;
});
</script>