Skip to content

Commit

Permalink
Update/term pages (#100)
Browse files Browse the repository at this point in the history 
* feat: add styles for terms

* remove: remove unused component AboutUs

* feat: refactor component in terms and add pages

* refactor: component in terms

* add: terms/ipr

* add: terms/service

* update: update routes of /privacypolicy

* update: update sitemap

* feat: add terms links on footer
  • Loading branch information
@ruby10127130
ruby10127130 authored Oct 13, 2024
1 parent 2626c6d commit 047158f
Show file tree
Hide file tree
Showing 15 changed files with 565 additions and 164 deletions.
46 changes: 0 additions & 46 deletions components/Privacypolicy/AboutUs/index.jsx
View file

This file was deleted.

135 changes: 135 additions & 0 deletions components/Terms/Ipr.jsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,135 @@
import React from 'react';
import { TermsWrapper, PaperWrapper } from './Terms.styled';

const Terms = () => {
return (
<TermsWrapper>
<PaperWrapper>
<h2>島島阿學資源共享自主學習網站智慧財產權</h2>
<p>
島島阿學資源共享自主學習網站（
<a href="https://www.daoedu.tw"> https://www.daoedu.tw </a>
，以下簡稱「本網站」）尊重他人的智慧財產權，希望提供一個不包含侵犯這些權利的內容平台。我們的使用者協議要求會員發布的資訊準確、合法且不侵犯第三方的權利，這個要求包含本網站所舉辦的任何型態活動。
</p>
<p>
請注意，無論我們是否禁止存取或刪除內容，本網站都可能會善意地嘗試將書面通知（包括投訴人的聯絡資訊）轉發給發布該內容的會員和/或採取其他合理措施來通知該會員。表示本網站
已收到涉嫌侵犯智慧財產權或其他內容違規的通知。我們的政策也是，在適當的情況下，我們可以自行決定停用和/或終止侵犯或反覆侵犯他人權利或以其他方式發布非法內容的會員或團體（視情況而定）的帳戶。
</p>
<p>
請注意，您提交的任何通知或反通知必須真實，且必須遵守偽證罪的處罰規定。虛假通知或反通知可能會導致個人責任。因此，您可能需要在提交通知或反通知之前尋求法律顧問的建議。
</p>
<ol>
<li>
<h3>1. 著作權</h3>
<ol className="sublist">
<li>
<p>
網站協作者查核後所撰寫的回應、補充或評價等資訊，若有產生著作權利保護之可能，撰寫之編輯同意採公眾領域宣告（CC0-1.0）無償提交至本網站所維運之電腦或相關設備進行存放。
</p>
</li>
<li>
<p>
網站協作者若使用第三方之資料來源進行佐證，其引用之資料來源之著作仍屬於原創作之第三方所有，此時協作者同意為查證目的，在合理範圍內引用第三方資料，並於提交時提供原創作出處。
</p>
</li>
<li>
<p>
網站協作者及聊天機器人使用者採 CC0-1.0
提交資訊後，本網站將存放於電腦或其相關設備的該等資訊進行編輯性整理後，得採
<a
href="https://creativecommons.org/licenses/by-sa/4.0/legalcode.zh-hant"
target="_blank"
rel="noreferrer"
>
{' '}
CC BY-SA 4.0{' '}
</a>
或其他授權模式，將具編輯性保護之資料集發布於島島阿學學習社群網站、島島阿學學習社群聊天機器人或島島阿學學習社群所提供資料存檔等處。
</p>
</li>
<li>
<p>
若資料利用者有違反前項授權模式的情事，將由 本網站主張權利。
</p>
</li>
<li>
<p>
本網站將就社會公益及開放性進行綜合評估，來選擇發布資料時使用之授權模式，亦歡迎您透過
本網站
的聯繫方式，隨時將授權釋出政策有關的寶貴意見提供給我們。
</p>
</li>
</ol>
</li>
<li>
<h3>2. 貢獻內容之合法及適當狀態</h3>
<ol className="sublist">
<li>
<p>
您的資料貢獻不應侵害他人之智慧財產權利。如您貢獻內容，代表就您所知您表示，您有權授權管理者及本網站的使用者，依管理者指定、揀選的授權條款，來使用並散布這些內容。請注意管理者並不必然需要將您貢獻的內容包括於本網站上，並且得以在任何時候，將您的貢獻於本網站移除。對您貢獻的內容，管理者並無負擔保管責任。
</p>
</li>
</ol>
</li>
<li>
<h3>3. 授與權利</h3>
<ol className="sublist">
<li>
<p>
您在此授與管理者全球性、免授權金、非專屬、永久、不可撤回之著作權及其他司法管轄區域可能定義之鄰接權及資料庫權之權利，讓其能夠不受前述權利限制使用內容之任何內含物，無論是就原始載體，或採其他型態進行利用。所授與的權利明示包括商業性使用，並且不排除任何領域內的利用。此一授權包括並不限於，將作品進行後續再授權利用，並允許多階的被授權人皆得採再授權方式再作利用。就現行法及著作權契約可容許的最大範圍內，您對管理者或經其授權利用內容之人，亦拋棄或不主張任何著作人格權。除本處訂明之範圍，您所貢獻內容之所有權利、地位，及利益，仍保留在您。
</p>
</li>
</ol>
</li>
<li>
<h3>4. 免責聲明</h3>
<ol className="sublist">
<li>
<p>
在現行法容許的範圍內，您是以現狀及現有之基礎提供本內容，但應保證該內容無侵權之虞。除依法不得事先排除或限縮之責任外，您或管理者皆不應依此協議，為其他歸責理論導致任何損害賠償。
</p>
</li>
</ol>
</li>
<li>
<h3>5. 其他事項</h3>
<ol className="sublist">
<li>
<p>
您所提送之表單及因之所需之註冊、登入程序裡，產生或由您填註的個人資訊，您在此同意管理者後續蒐集、處理及利用該個人資料。本「條款」依據中華民國法律。當本協議任一條款被視為無效時不影響其他部份之有效性。
</p>
</li>
</ol>
</li>
<li>
<h3>6. 輔助條款</h3>
<ol className="sublist">
<li>
<p>
除採前述貢獻提供內容外，您亦可透過表格、附錄，補充「描述」欄位說明的方式，表達您指定特一款或多款公眾授權條款，或宣告模式為輔助授權條款之意向。此時該等貢獻內容，除依本條款第2條規定之方式授權本網站外，同時亦依指定條款雙重／多重授權予本網站。您所指定的輔助條款，並不拘束管理者，但在處理方式容許的前提下，管理者得尊重您的指定，除依管理者指定、揀選的授權條款外，同時一併採用輔助條款來散布該等貢獻內容。倘您於輔助條款裡列入「
CC0
公眾領域貢獻宣告」，該宣告模式為著作權及相關權利的拋棄聲明，解釋上本網站得不受任何著作權利與相關權利之限制，自由使用該等貢獻內容，並亦得再採
CC0 宣告模式散布該等貢獻內容。
</p>
</li>
</ol>
</li>
<li>
<h3>7. 聯絡方式</h3>
<ol className="sublist">
<li>
<p>
如果您對於本使用者條款、著作權、資料庫處理爭議、服務內容或隱私等有任何疑慮，請寄信至本網站之聯絡信箱
<a href="mailto:[email protected]"> [email protected] </a>
，由本網站在固定會議中或透過其他管道為您處理。紛爭解決和管轄法院。依本使用者條款所產生之爭議，雙方合意以臺灣臺北地方法院為第一審管轄法院。
</p>
</li>
</ol>
</li>
</ol>
</PaperWrapper>
</TermsWrapper>
);
};

export default Terms;
120 changes: 19 additions & 101 deletions components/Privacypolicy/index.jsx → components/Terms/Privacypolicy.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,110 +1,28 @@
import React from 'react';
import styled from '@emotion/styled';
import { Paper } from '@mui/material';
import { TermsWrapper, PaperWrapper } from './Terms.styled';

const PrivacypolicyWrapper = styled.section`
padding-top: 40px;
padding-bottom: 40px;
`;

const PaperWrapper = styled(Paper)`
width: 90%;
margin: 0 auto;
padding: 40px 20px;
@media (max-width: 767px) {
padding: 20px;
}
h2 {
font-size: 40px;
font-size: min(max(24px, 5vw), 40px);
text-wrap: balance;
margin: 0 auto 1em;
color: #293a3d;
text-align: center;
font-weight: 500;
}
@media (max-width: 767px) {
.title {
text-overflow: ellipsis;
width: 100%;
}
}
h3 {
font-size: 18px;
font-weight: 500;
margin: 1.5em 0 1em 0;
color: #293a3d;
}
p {
font-size: 16px;
margin: 0 0 1em 0;
color: #536166;
line-height: 150%;
}
ol {
counter-reset: section;
li {
counter-increment: section;
margin-bottom: 0.5em;
}
}
ol li ol {
counter-reset: item;
list-style-type: none;
margin-left: 20px;
li {
counter-increment: item;
list-style-type: none;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
line-height: 150%;
&:before {
content: counter(section) '.' counter(item) '.';
font-weight: 400;
display: inline-block;
width: 2em;
flex-shrink: 0;
}
p {
display: inline-block;
padding-left: 0.5em;
margin-bottom: 0;
}
}
}
`;

const Privacypolicy = () => {
const Terms = () => {
return (
<PrivacypolicyWrapper>
<TermsWrapper>
<PaperWrapper>
<h2 className="title">島島阿學資源共享自主學習網站隱私權政策</h2>
<h2>島島阿學資源共享自主學習網站隱私權政策</h2>
<p>
島島阿學的使命是透過促進自主學習來實現終身學習的能力，讓學習者可以交流真實的學習經驗，發掘和分享有價值的學習資源，並與志趣相投的人們建立聯繫。我們的隱私權政策適用於我們服務的任何註冊使用者或訪客。
我們的註冊使用者（「會員」）分享他們的學習經驗、學習資源並與其他會員進行學習交流活動，展現個人技能、經歷與成長，發佈和查看相關內容，並尋找可能的共同成長及合作機會。非會員（「訪客」）可以查看我們某些服務的內容和資料。
此隱私權政策存在於您及本網站管理機關島島阿學資源共享自主學習網站（https://www.daoedu.tw，以下簡稱「本網站」）（「管理者」）間。請閱讀以下條款及條件並確認，當您上傳內容至本網站時，即表示您接受本協議內容。
此隱私權政策存在於您及本網站管理機關島島阿學資源共享自主學習網站（
<a href="https://www.daoedu.tw"> https://www.daoedu.tw </a>
，以下簡稱「本網站」）（「管理者」）間。請閱讀以下條款及條件並確認，當您上傳內容至本網站時，即表示您接受本協議內容。
</p>
<ol>
<li>
<h3>1. 個人資料</h3>
<ol>
<ol className="sublist">
<li>
<p>
網站會員登入後，島島阿學學習社群網站會取得會員在
Google上的：電子郵件地址與應用程式使用者
網站會員登入後，島島阿學學習社群網站會取得會員在 Google
上的：電子郵件地址與應用程式使用者
ID，用以分辨不同帳號以及聯繫會員。顯示名稱與頭像等公開顯示資訊，作為島島阿學學習社群網站的預設頭像與顯示名稱。
</p>
</li>
Expand All @@ -122,9 +40,9 @@ const Privacypolicy = () => {
<p>
網站會員可在個人頁面逕行變更自己在島島阿學網站的預設頭像與顯示名稱，使其不再與
Facebook、Twitter、Github 或 Google
上的公開資訊相同。另外，會員亦可寄信至 本網站連絡信箱（
[email protected] ），請求刪除或更換取自
Google、Facebook、Github 或 Google
上的公開資訊相同。另外，會員亦可寄信至本網站連絡信箱（
<a href="mailto:[email protected]"> [email protected] </a>
），請求刪除或更換取自 Google、Facebook、Github 或 Google
等平台的公開顯示資訊或電子郵件地址。
</p>
</li>
Expand All @@ -142,7 +60,7 @@ const Privacypolicy = () => {
</li>
<li>
<h3>2. 來自第三方網站的嵌入內容</h3>
<ol>
<ol className="sublist">
<li>
<p>
這個網站上的文章可能會嵌入視訊、圖片、文章等內容，而來自第三方網站的嵌入內容，其隱私權處理方式與使用者造訪這些網站時的規定完全相同。無論使用者是否有這些第三方網站的帳號或是否登入網站，他們都會以各種方式收集與使用者相關的資料，如
Expand All @@ -153,7 +71,7 @@ const Privacypolicy = () => {
</li>
<li>
<h3>3. 使用者資料分析</h3>
<ol>
<ol className="sublist">
<li>
<p>
這個網站的個人資料分享對象，如果你提出密碼重設要求，你目前進行連線的
Expand All @@ -164,7 +82,7 @@ const Privacypolicy = () => {
</li>
<li>
<h3>4. 這個網站的個人資料保留期限</h3>
<ol>
<ol className="sublist">
<li>
<p>
當使用者在這個網站發佈留言後，該則留言及其中繼資料將會無限期保留。這樣系統便可以自動辨識及核准任何後續留言，而不須將其保留在待審核的佇列中。
Expand All @@ -179,7 +97,7 @@ const Privacypolicy = () => {
</li>
<li>
<h3>5. 使用者對個人資料擁有哪些權利</h3>
<ol>
<ol className="sublist">
<li>
<p>
如果使用者在這個網站擁有帳戶或曾發佈留言，便可以要求下載使用者在這個網站上的個人資料的資料匯出檔，這個檔案包含使用者提供給這個網站的全部個人資料。
Expand All @@ -194,8 +112,8 @@ const Privacypolicy = () => {
</li>
</ol>
</PaperWrapper>
</PrivacypolicyWrapper>
</TermsWrapper>
);
};

export default Privacypolicy;
export default Terms;
Loading

0 comments on commit 047158f

Please sign in to comment.