DesignHubWeb/index.html at master · mike-u/DesignHubWeb · 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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
{% extends "base.html" %}

<!-- Header, welcome, value proposition -->
{% block header %}
<div class="docs-section background-1765" >
    <div class="container">
        <!--TODO Insert Design Hub slogan on left side of page, Make buttons transparent below-->
        <div class="row value-props">
            <div class="twelve columns">
                <!--<p><a class="button button-landing" href="https://docs.google.com/forms/d/1_Ww2tlPyzDSVggttQ1mjFWeGlqo-Vf6EtZr9RkQ3MX0/viewform">SUBSCRIBE</a></p>
                <!-- <p><a class="button button-landing" href="https://www.dropbox.com/s/b75y9r6l6bh8jss/ProjectBoardApplication2015.doc?dl=0" target="_blank">FUND YOUR IDEAS</a></p> -->
            </div>
        </div>

    </div>
</div>

<div class="docs-section negative" id="home">
    <div class="container">
        <div class="row">

            <div class="six columns">
                <h2><script>
                        var myDate = new Date();
                        if ( myDate.getHours() < 12 )
                        {document.write("Good morning!");}
                        else
                        if ( myDate.getHours() >= 12 && myDate.getHours() <= 17 )
                        {document.write("Good afternoon!");}
                        else if ( myDate.getHours() > 17 && myDate.getHours() <= 24 )
                        {document.write("Good evening!");}
                        else  /* the hour is not between 0 and 24, so something is wrong */
                        {document.write("Hello!");}
                    </script>
                    <i class="fa fa-rocket"></i></h2>
                <p>Come stay warm with us at our Thursday evening workshops, now with pizza! 🍕</p>
                <p></p>
                <p>Your Design Hub Officers</p>
            </div>
            <div class="six columns"><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpittdesignhub&width=600&colorscheme=light&show_faces=true&border_color&stream=true&header=true&height=435" scrolling="yes" style="border:none; overflow:hidden; width:500px; height:430px; background: white; float:left; " allowtransparency="true" frameborder="0"></iframe>
            </div>
        </div>
    </div>
</div>

<div class="docs-section" id="subscribe">
    <div class="container u-pull-center">
        <div class="row">
            <p><a class="button button-primary" href="https://goo.gl/forms/2bJjfNpK9UfCT9K32"><i class="fa fa-pencil-square-o"></i> Anonymous DesignHub Feedback Form</a></p>
            <p><a class="button button-primary" href="https://docs.google.com/forms/d/1_Ww2tlPyzDSVggttQ1mjFWeGlqo-Vf6EtZr9RkQ3MX0/viewform"><i class="fa fa-pencil-square-o"></i> SUBSCRIBE TO THE EMAIL LIST</a></p>

            <!-- <p><a class="button button-primary" href="https://docs.google.com/forms/d/e/1FAIpQLSf5skOwFnsKIRoaV2dgB29TwScz69y9LpYWqcP0Kc5Jg8ME0Q/viewform"><i class="fa fa-pencil-square-o"></i> Design Team Applications</a></p> -->

        <!--<p><a class="button button-primary" href="mailto:htp2@pitt.edu"><i class="fa fa-pencil-square-o"></i> Do you have an idea for a project?</a></p>-->

        <!--<p><a class="button button-primary" href="https://www.dropbox.com/s/rr8imrbfasrcsdl/Phalen_Robot_Workshop_2016_Final.pptx?dl=1"> Download the Robotics Workshop Slides</a></p>-->
        <!--<p><a class="button button-primary" href="https://pitt.box.com/s/ufbh9nhhc1ansuzl8505tovyrqneakss"> Download the Robotics Workshop Slides</a></p>-->
        <!--<p><a class="button button-primary" href="https://www.dropbox.com/s/0r74txllhj4nasn/Pandora%2527s%20Box%20%28Robotics%20Part%20III%29.zip?dl=1"> Download the Robotics Workshop Material for Week 3</a></p>-->
        <!--<p><a class="button button-secondary" href="http://goo.gl/forms/wwB7Xj8SJm"> Semester Feedback Form</a></p>-->

        <!--<p><a class="button button-secondary" href="https://pitt.box.com/s/r7rm1c273rwcsfrhr3d6bcnqn6comesu"> SolidWorks Powerpoint</a></p>-->

         <!--<p><a class="button button-secondary" href="https://pitt.app.box.com/s/97sdrb880tvd5rjkftgzg76876s19xbk"> Download SolidWorks files</a></p>-->

        <!--<div id="fb-root"></div><script>(function(d, s, id) {  var js, fjs = d.getElementsByTagName(s)[0];  if (d.getElementById(id)) return;  js = d.createElement(s); js.id = id;  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3";  fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><div class="fb-post" data-href="https://www.facebook.com/media/set/?set=a.579696832199572.1073741828.456933817809208&amp;type=3" data-width="750"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/media/set/?set=a.579696832199572.1073741828.456933817809208&amp;type=3">Posted by <a href="https://www.facebook.com/pittdesignhub/">Pitt Design Hub</a> on&nbsp;<a href="https://www.facebook.com/media/set/?set=a.579696832199572.1073741828.456933817809208&amp;type=3">Thursday, February 4, 2016</a></blockquote></div></div>-->


        </div>
        <div class="row">
        </div>
        <!-- <p><a class="button button-landing" href="https://www.dropbox.com/s/b75y9r6l6bh8jss/ProjectBoardApplication2015.doc?dl=0" target="_blank">FUND YOUR IDEAS</a></p> -->
    </div>
</div>

<!--
<div class="docs-section" id="calendar">
    <section class="container">
        <div class="row">
            <table class="u-full-width">
                <thead>
                <tr>
                    <th>Event</th>
                    <th>Date & Time</th>
                </tr>
                </thead>
                <tbody>
                {% for event in events %}
                <tr>
                    <td>{{ event.name}}</td>
                    <td>{{ event.start_time }}</td>
                </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </section>
</div>
-->
{% endblock %}

{% block content %}

<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->

<!-- Quick mission statement -->
<div class="docs-section negative" id="about">
    <div class="container">
        <div class="row">
            <div class="eight columns">
                <h2>Mission  <i class="fa fa-rocket"></i></h2>
                <p>Design Hub is a meeting place for creative thinkers and an incubator for student inventors. We provide the resources, connections, and skills to help students design a better future. We accomplish this through ideation sessions, educational workshops, hands-on design projects and community outreach.</p>
            </div>
            <div class="four columns">
                <h2>Recent news <i class="fa fa-slack"></i></h2>
                <p><em>{{ slack.user }} said: </em></p>
                <p><em>{{ slack.text }}</em></p>
            </div>
        </div>
    </div>
</div>

<!-- Opportunities -->
<div class="docs-section" id="opportunities">
    <div class="container">
        <div class="row u-pull-center">
            <div class="twelve columns" id="events">
                <h3><i class="fa fa-calendar"></i> Upcoming Events</h3>
                <ul>
                    <li> 8/31 - First Meeting 🍕🍦!</li>
                    <!-- <li> 1/26 - Second Robotics workshop - build 🤖</li>
                    <li> 2/2 - Third Robotics workshop - terrain challenge ⛰️</li>
                    <li> 2/16 - Python 🐍</li>
                    <li> 2/23 - ANSYS ⚡</li>
                    <li> 3/2 - Fun with Matlab! </li>
                    <li> 3/16 - Internal Design Hub Expo</li>
                    <li> 3/23 - LabView </li>
                    <li> 3/30 - IoT Workshop 🔌</li> -->
                </ul>
            </div>

            <!--<div class="four columns" id="outreach">
                <!-- Community Outreach
                <h3><i class="fa fa-users"></i> Community Outreach</h3>


                <h4>Coming soon!</h4>
            </div>-->

            <!--<div class="six columns" id="competitions">


                <h3><i class="fa fa-trophy"></i> Competitions</h3>


                <h4>Form a competition team!</h4>
                <ul>
                    <li>This semester, we want to help people form teams for competitions!</li>
                    <li>We will soon be publishing a list of competitions we will be trying to forms teams for.</li>
                    <li>If you have a competition you're interested in, we can help with organizing teams, prototyping, or practicing presentations.</li>
                </ul>
            </div>-->


        </div>

    </div>
</div>

<!--Resources
<div class="docs-section" id="resources">
    <div class="container">
        <div class="row">
            <div class="six columns">
                <!-- Community Outreach
                <h3><i class="fa fa-cogs"></i> Make</h3>


                <h4>Arduino</h4>
                <ul>
                    <li><a href="http://arduino.cc/en/Main/Software">Download the Arduino IDE</a></li>
					<li><a href="http://www.fritzing.org/home/">Open-source software to document schematics</a></li>
                </ul>


                <h4>Computer Aided Design</h4>
                <ul>
					<li><a href="http://www.grabcad.com/">Free CAD models in all software packages</a></li>
                    <li><a href="http://www.thingiverse.com/">Download free, open-source models for 3D printing</a></li>
                </ul>

                <h4>Android</h4>
                <ul>
                    <li><a href="http://developer.android.com/sdk/index.html">Download Android Studio</a></li>
                    <li><a href="https://www.mysliderule.com/learning-paths/android/learn/?">Resources for making your first app</a></li>
                </ul>

            </div>

            <div class="six columns">

                <!-- Competitions
                <h3><i class="fa fa-sitemap"></i> Project Management</h3>

                <!--Big Idea
                <h4>Organizational Tools</h4>
                <ul>
                    <li><a href="https://www.dropbox.com/s/9hsyy9lu21a7wm4/ESMD%20-%20Project%20Management_2014-2015.pptx?dl=0">Fantastic project management tools</a></li>
                    <li><a href="https://groupme.com/">GroupMe - keep in touch with your team</a></li>
                </ul>

                <h4>Intellectual Property</h4>
                <ul>
                    <li><a href="http://pitt.edu/~esmd/docs/Remes_102013.pdf">IP presentation by Office of Technology Management</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>-->
<!-- End Document
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
{% endblock %}