ShareMe/index.html at main · ppzh0/ShareMe · GitHub

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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ShareMe - Things that windows users need</title>
    <link rel="stylesheet" href="assets/styles/style.css">
</head>

<body>
    <header>
        <section class="title">
            <a href="./"><span id="share">Share</span><span id="me">Me</span></a>
        </section>
        <nav>
            <a href="for-workstations.html">for workstations</a>
            <a href="for-developers.html">for developers</a>
            <a href="">disclaimer</a>
        </nav>
    </header>
    <main>
        <h1>
            Instructions on usages
            <small>to not fuck everything up</small>
        </h1>
        <section class="instructions n-list">
            <section>
                <h2 class="sub-title">purpose of the website</h2>
                <p>
                    This website was made to let the user know the necessary (mostly not) softwares that is need to be
                    installed/run on a new computer (or) a laptop.
                </p>
                <p>
                    This website was made so that I can remember what to install on my new laptop.
                </p>
            </section>
            <section>
                <h2 class="sub-title">how to use the website</h2>
                <p>
                    ( <code>For Workstations</code> ) from that link, you can see the list of programs (e.g. office)
                    that you should install on a computer/laptop that will be used for working.
                </p>
                <p>
                    ( <code>For Developers</code> ) from that link, you will see the list of programs (e.g. git,
                    node.js) which are necessary for developing softwares or apps. It should be noted that there
                    are many other programs involved in such uses.
                </p>
            </section>
            <section>
                <h2 class="sub-title">contributions</h2>
                <p>
                    Thanks for consideration. You can contribute this by <a
                        href="https://github.com/ppzh0/ShareMe/pulls" target="_blank">making a pull request</a> to the
                    repository on GitHub.
                </p>
                <p>
                    If you have further suggestions, you can contact me at <a
                        href="mailto:narrtor06@gmail.com">narrtor06@gmail.com</a>
                </p>
            </section>
            <section>
                <h2 class="sub-title">thank you</h2>
                <p>Thanks for visiting the website. Your comments can make my user-experience better!</p>
            </section>
        </section>
    </main>
</body>

</html>