Skip to content

Commit f4a0d25

Browse files
ryosukeeeeeeryosukeeeeee
committed
add foundation page
1 parent 7616a6c commit f4a0d25

File tree

5 files changed

+197
-16
lines changed

5 files changed

+197
-16
lines changed

‎src/App.tsx

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@ import Homepage from './Homepage';
1818
import { Route } from 'react-router';
1919
import { Router, Routes } from 'react-router-dom';
2020
import Blog from './Blog';
21+
import Foundation from './Foundation';
2122
interface IProps {}
2223

2324
interface IState {}
@@ -32,6 +33,7 @@ class App extends Component<IProps, IState> {
3233
<>
3334
<ResponsiveContainer>
3435
<Routes>
36+
<Route path="/foundation" element={<Foundation />}></Route>
3537
<Route path="/blog_list" element={<Blog />}></Route>
3638
<Route path="/" element={<Homepage />}></Route>
3739
</Routes>

‎src/Blog.tsx

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,9 @@ class Blog extends Component<IProps, IState> {
2121
static defaultProps = {};
2222

2323
render() {
24-
return <div style={{ minHeight: '80vh' }}>'Blog test'</div>;
24+
return (
25+
<div style={{ minHeight: '80vh' }}>Ops, still under development.</div>
26+
);
2527
}
2628
}
2729

‎src/DesktopContainer.tsx

Lines changed: 2 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -135,22 +135,10 @@ class DesktopContainer extends Component<IProps, IState> {
135135

136136
<Menu.Item position="right">
137137
<Button
138-
as="a"
139-
href="https://en.cryptobadges.io/donate/1Lth3oca4WnMnTnwHBcDLkEqniA2pBxkeC"
140-
target="_blank"
138+
onClick={() => scrollToTopAndRoute('/foundation')}
141139
inverted={!fixed}
142140
>
143-
Donate BTC
144-
</Button>
145-
<Button
146-
as="a"
147-
href="https://en.cryptobadges.io/donate/0x5A218a8d570d9947f42e0a4916ece7a60A181c2d"
148-
target="_blank"
149-
inverted={!fixed}
150-
primary={fixed}
151-
style={{ marginLeft: '0.5em' }}
152-
>
153-
Donate ETH
141+
ArchLinuxStudio Foundation
154142
</Button>
155143
</Menu.Item>
156144
</Container>

‎src/Footer.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -101,7 +101,8 @@ class Footer extends Component<IProps, IState> {
101101
<p>
102102
Free software is software that respects your freedom and the
103103
social solidarity of your community. So it's free as in
104-
freedom.
104+
freedom. This website does not use cookies nor collect
105+
personal data.
105106
</p>
106107
<p>
107108
Copyright © 2017-2022 ArchLinuxStudio, All Rights Reversed.

‎src/Foundation.tsx

Lines changed: 188 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,188 @@
1+
import React, { Component } from 'react';
2+
import {
3+
Button,
4+
Container,
5+
Divider,
6+
Grid,
7+
Header,
8+
Icon,
9+
Image,
10+
List,
11+
Menu,
12+
Segment,
13+
Sidebar,
14+
} from 'semantic-ui-react';
15+
16+
interface IProps {}
17+
18+
interface IState {}
19+
20+
class Foundation extends Component<IProps, IState> {
21+
static defaultProps = {};
22+
23+
render() {
24+
return (
25+
<div style={{ minHeight: '80vh' }}>
26+
<Segment style={{ padding: '6em 0em' }} vertical>
27+
<Container text>
28+
<Header as="h1" style={{ fontSize: '2.3em' }}>
29+
Sustainable Support for ArchLinuxStudio
30+
</Header>
31+
<p style={{ fontSize: '1.33em', padding: '1em 0em 0em 0em' }}>
32+
ArchLinuxStudio is committed to achieving the goals of the free
33+
software movement. At present we mainly focus on four aspects.
34+
First, the freedom of the terminal devices that people use.
35+
Second, people's freedom to protect their privacy. Third, people's
36+
freedom to use the Internet. Fourth, the freedom of people to own
37+
and protect their private property.
38+
</p>
39+
<p style={{ fontSize: '1.33em' }}>
40+
Development in ArchLinuxStudio has involved countless volunteered
41+
man-hours to not only produce many tutorials and free softwares
42+
but also keep it up-to-date and compatible with bleeding-edge
43+
technology.
44+
</p>
45+
<p style={{ fontSize: '1.33em' }}>
46+
ArchLinuxStudio must be able to continue to provide the very best
47+
open-source software stack, up-to-date and accurate tutorials, and
48+
your contribution can make that happen. Support from you will fuel
49+
the future development of ArchLinuxStudio and the roll out of new
50+
tutorials and free softwares.
51+
</p>
52+
<p style={{ fontSize: '1.33em' }}>
53+
Supporters of the ArchLinuxStudio Foundation will be featured on
54+
our website and will be helping to bolster the steady growth of
55+
free software and ArchLinuxStudio.{' '}
56+
</p>
57+
<p style={{ fontSize: '1.33em' }}>
58+
If you are interested in supporting the Foundation, you can donate
59+
cryptocurrency directly by clicking the button below. After that,
60+
you can email us(archlinuxstudio@tutamail.com) the donation
61+
information, along with any personal or company information you
62+
need to featured on our website.
63+
</p>
64+
<Grid columns={4} doubling>
65+
<Grid.Column>
66+
<Button
67+
color="orange"
68+
as="a"
69+
href="https://en.cryptobadges.io/donate/1Lth3oca4WnMnTnwHBcDLkEqniA2pBxkeC"
70+
target="_blank"
71+
fluid
72+
>
73+
<Icon name="btc"></Icon>Donate BTC
74+
</Button>
75+
</Grid.Column>
76+
<Grid.Column>
77+
<Button
78+
color="violet"
79+
as="a"
80+
href="https://en.cryptobadges.io/donate/0x5A218a8d570d9947f42e0a4916ece7a60A181c2d"
81+
target="_blank"
82+
fluid
83+
>
84+
<Icon name="ethereum"></Icon>Donate ETH
85+
</Button>
86+
</Grid.Column>
87+
<Grid.Column>
88+
<Button
89+
color="grey"
90+
as="a"
91+
href="https://en.cryptobadges.io/donate/LdJXzaSzzrAxfKJdj5effRLcC7k1TbuXJ8"
92+
target="_blank"
93+
fluid
94+
>
95+
<Icon name="ethereum"></Icon>Donate LTC
96+
</Button>
97+
</Grid.Column>
98+
<Grid.Column>
99+
<Button
100+
color="teal"
101+
as="a"
102+
href="mailto:archlinuxstudio@tutamail.com"
103+
target="_blank"
104+
fluid
105+
>
106+
<Icon name="mail"></Icon>Send Email
107+
</Button>
108+
</Grid.Column>
109+
</Grid>
110+
<Divider
111+
as="h1"
112+
className="header"
113+
horizontal
114+
style={{ margin: '3em 0em', textTransform: 'uppercase' }}
115+
>
116+
About Us
117+
</Divider>
118+
<p style={{ fontSize: '1.33em' }}>
119+
ArchLinuxStudio was first made known to the public through the
120+
ArchLinuxTutorial. In fact, we want to use ArchLinuxTutorial as an
121+
entry point to lead more people to know and walk into the world of
122+
free software.
123+
</p>
124+
125+
<p style={{ fontSize: '1.33em' }}>
126+
To secure the future development of ArchLinuxStudio it has become
127+
incumbent upon the project to organise a process for accepting the
128+
donations of those entities who wish to contribute to the efforts
129+
of ArchLinuxStudio.
130+
</p>
131+
132+
<p style={{ fontSize: '1.33em' }}>
133+
The ultimate goal of ArchLinuxStudio is to provide a full range of
134+
free software support for people in all aspects of their daily
135+
lives. The Free Software Foundation has already made a great
136+
contribution to this goal, but we believe that more advocacy and
137+
efforts are needed from more community organisations, and
138+
ArchLinuxStudio is one of them.
139+
</p>
140+
141+
<Divider></Divider>
142+
143+
<p style={{ fontSize: '1.33em' }}>
144+
Donations to ArchLinuxStudio Foundation will be used only on
145+
endeavours which help to fulfil that goal and only on endeavours
146+
related to the ArchLinuxStudio Project.
147+
</p>
148+
149+
<p style={{ fontSize: '1.33em' }}>
150+
Such endeavours include:
151+
<li>Development of new ArchLinuxStudio project</li>
152+
<li>
153+
Production of training/tutorial material (Video,
154+
documentation...)
155+
</li>
156+
<li>Promotion of ArchLinuxStudio (events, hackathon, goodies)</li>
157+
</p>
158+
<p style={{ fontSize: '1.33em' }}>
159+
Donations shall not be used for:
160+
<li>
161+
Developing Proprietary Software and Proprietary Software
162+
Tutorials
163+
</li>
164+
<li>
165+
Add support for proprietary software to existing tutorials and
166+
software
167+
</li>
168+
</p>
169+
<Divider></Divider>
170+
<p style={{ fontSize: '1.33em' }}>
171+
The costs associated with operating the supporting structure, such
172+
as legal and accountancy fees, taxes, establishment fees and
173+
server costs will be covered by donations to the foundation.
174+
</p>
175+
<p style={{ fontSize: '1.33em' }}>
176+
The custodians of the Foundation shall undertake to vote upon any
177+
endeavour which may be in conflict with another priority. The main
178+
admin of ArchLinuxStudio, shall possess two votes for the purpose
179+
of breaking a tie.
180+
</p>
181+
</Container>
182+
</Segment>
183+
</div>
184+
);
185+
}
186+
}
187+
188+
export default Foundation;

0 commit comments

Comments
 (0)