huntercfc.github.io/index.html at master · huntercfc/huntercfc.github.io · 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
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
    <!DOCTYPE html>
    <html>
    <style>
    @import url("https://fonts.googleapis.com/css?family=Muli");
    * {
    	font-size: 100%;
        font-family: "Avenir Next", sans-serif;
    }
    b {
       color: #00bb88;
       font-size: 150%;
    }
    a{
      color: white;
    }
    #cday a {
        color: black;
    }
    #email {
        color: #00DDDD;
    }
    img{
      width: 20%;
    }
    pre {
        font-family: monospace;
    }
    body {
        max-width: 60em;
        margin: auto;
        padding-left: 3em;
        padding-right: 3em;
    }
    div {
      border-radius: 15px 15px 15px 15px;
    }
    ul {
      font-size: 120%;
    }
    </style>

    <title>Hunter Code For Change</title>

    <body bgcolor=#00bb88>
    <center>
        <div>
            <h1 style="color:white; font-size:200%;">&#127758; Code 4 Change! &#127758;</h1>
            <img src="cfc.png">
        </div>

        <div id = "cday" style="background-color:white;">
        	<b>Workshop Materials!</b>
            <br>
            <br>
        	<a href="http://html.house" target="_blank">Click here for an interactive HTML editor</a>
            <br>
            <a href="https://www.w3schools.com/html/html_intro.asp" target="_blank"> Learn how to use HTML quickly @W3</a>
            <br>
            <a href="https://goo.gl/forms/STQ19duBkOZAmfrB3" target="_blank"> Submit your final website here! </a>
            <p> A quick charity website template :) copy and paste it inside your editor <p>
            <script src="https://gist.github.com/liamnaks/f840d2e23dff1496ec0e705c99ab590a.js"></script>
            <br>
       	</div>

        <br>
        <br>

        <!-- INTRO: If you're making our intro, you'll be writing code inside this div block. If you want try to make the formatting cooler with different tags -->
        <div style="background-color:white;">
        	<b>What is Code For Change?</b>
        	<p>Code For Change is a club at Hunter College High School where students learn to create positive change through code. This year we'll have guest speakers, give out CFC swag, and host a school wide hackathon!</p>
         <p>Check out our app <b><a style="color:#00bb88; font-size: 75%" href="https://huntercfc.github.io/worldie">Worldie</a></b></p>
       	</div>

        <!-- CHARITY: In this block, we'll link to causes that we want to support. Your job is to find charities
        and make links to them here with <a href="https:...>name</a>
        -->
        <br>
        <div style="background-color:white; border-width:5px; border-color:#486fb4;">
            <b>Our Favorite Causes</b>
            <p><a style="color:black" href="http://unicef.org">UNICEF</a></p>
            <p><a style="color:black" href="https://www.againstmalaria.com">Against Malaria Foundation</a></p>
            <p><a style="color:black" href="http://givedirectly.org">GiveDirectly</a></p>
            <p><a style="color:black" href="http://www.arrownyc.org">ARROW NYC</a></p>
            <p><a style="color:black" href="https://www.centreforeffectivealtruism.org">Centre for Effective Altruism</a></p>
            <p><a style="color:black" href="http://worldwildlife.org">World Wildlife Foundation</a></p>
            <p><a style="color:black" href="http://mskcc.org">Memorial Sloan Kettering Cancer Center</a></p>
            <p><a style="color:black" href ="http://panthera.org">Panthera</a></p>
            <p><a style="color:black" href ="http://drc.vday.org">City of Joy</a></p>
    	</div>

        <!-- LEARN2CODE: In this block, we'll link to websites that can help out beginner coders. Your job is to find helpful coding websites
        and make links to them here with <a href="https:...>name</a>. Also if you can come up with any motivational words add some more!.
        -->
        <br>
        <div style="background-color:white;">
            <b>Learn to Code</b>
            <div style="background-color:#00bb88; width:75%; border-style:solid; border-width:5px; border-color:#00bb88;">
        	    <b style="color:white; font-size:120%;">Some useful websites</b>
                <p><i><a href="http://codecademy.com">Codecademy</a></i></p>
                <p><i><a href="https://github.com">Github</a></i></p>
                <p><i><a href="http://stackoverflow.com">Stack Overflow</a></i></p>
                <p><i><a href="http://w3schools.com">W3Schools</a></i></p>
            </div>

            <b style="color:white; font-size:120%; color:#00bb88;">Some Words of Encouragement</b>
            <p><i>Believe in yourself!</i></p>
            <p><i><b style="color:black; size: 75%">Just do it!</b></i></p>
        </div>

        <!-- WHOWEARE: In this final block, we're going to write down the names of every Code 4 Change member. Go around
        and ask for people's names, then add them to the list. After, write a nice goodbye message.
        -->
        <br>
        <div style="background-color:white; border-style:solid; border-width:5px; border-color:white;">
        	<b>Who We Are</b>

        	   <p>Liam</p>
        	   <p>Nijat</p>
        	   <p>Alex</p>
            <p>Celina</p>
            <p>Sabrina</p>
            <p>Michael</p>
            <p>Asa</p>
            <p>Evan</p>

        	<b style="font-size:110%;">We're Code for Change! <pre>return: 0;</pre> :D</b>
        </div>
        <br>
        <div style="background-color:white; border-width:5px; border-color:#486fb4;">
            <b>Contact Us!</b>
            <p>We meet Thursdays during Activities in Room 416!</p>
            <p>Email Us at <a id="email" href="mailto:codeforchange.hunter@gmail.com">codeforchange.hunter@gmail.com</a></p>
    	</div>

    </center>
    </body>
    </html>