socialshapeinterspace.github.io/index.html at master · socialshapeinterspace/socialshapeinterspace.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
139
140
141
142
143
144
<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
  <title>Social Shape Interspace</title>

  <!-- CSS  -->
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link href="/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
  <link href="/css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
</head>
<body>

  <div class="section grey darken-4 no-pad-bot" id="index-banner">
    <div class="container">

      <div class="row center">
        <img src="/media/ssi-logo.png" class="responsive-img center-align" />
      </div>

      <div class="row center">
        <h5 class="header col s12 white-text">An interactive commentary about online harassment and cyber-bullying.</h5>
      </div>
      <div class="row center">
        <a href="/demo/client/" id="download-button" class="btn-large waves-effect waves-dark gradient-ybd black-text">Play the Demo</a>
      </div>

      <p>&nbsp;</p>

    </div>
  </div>

  <div class="container">
    <div class="section">

      <h2 class="center">Team Members</h2>

      <div class="row">

          <div class="col s12 m6">
            <h3 class="center">Ean Moore</h3>
            <ul class="collection">
              <li class="collection-item"><strong>Project Role:</strong> Programming/Project Management</li>
              <li class="collection-item"><strong>Major:</strong> Computer Science</li>
              <li class="collection-item"><strong>Attending:</strong> Mt. Sac College (Los Angeles)</li>
            </ul>
          </div>
          <div class="col s12 m6">
            <h3 class="center">Yunha Kim</h3>
            <ul class="collection">
              <li class="collection-item"><strong>Project Role:</strong> Character &amp; Visual Designer</li>
              <li class="collection-item"><strong>Major:</strong> Marketing</li>
              <li class="collection-item"><strong>Attending:</strong> San Francisco State University</li>
            </ul>
          </div>

        </div>
        <div class="row">

          <div class="col s12 m6">
            <h3 class="center">Jacob McAdam</h3>
            <ul class="collection">
              <li class="collection-item"><strong>Project Role:</strong> GUI Programming</li>
              <li class="collection-item"><strong>Major:</strong> Graphic Design</li>
              <li class="collection-item"><strong>Attending:</strong> San Francisco State University</li>
            </ul>
          </div>
          <div class="col s12 m6">
            <h3 class="center">Ihsan Taha</h3>
            <ul class="collection">
              <li class="collection-item"><strong>Project Role:</strong> Character Programming</li>
              <li class="collection-item"><strong>Major:</strong> Computer Science</li>
              <li class="collection-item"><strong>Attending:</strong> San Francisco State University</li>
            </ul>
          </div>

        </div>
        <div class="row">

          <div class="col s12 m6">
            <h3 class="center">Yuehongxiao Ma</h3>
            <ul class="collection">
              <li class="collection-item"><strong>Project Role:</strong> Visual &amp; UI Designer</li>
              <li class="collection-item"><strong>Major:</strong> Computer Science</li>
              <li class="collection-item"><strong>Attending:</strong> San Francisco State University</li>
            </ul>
          </div>

        </div>

      </div>

      <div class="divider"></div>

      <div class="row">
        <div class="col s12 m6">
          <h2 class="center">Resources</h2>
          <ul class="collection">
            <li class="collection-item">HTML5</li>
            <li class="collection-item">NodeJs</li>
            <li class="collection-item">Phaser.IO</li>
            <li class="collection-item">Git/GitHub</li>
            <li class="collection-item">Photoshop</li>
            <li class="collection-item">Aseprite</li>
            <li class="collection-item">Clip Studio Paint</li>
            <li class="collection-item">Express</li>
          </ul>
        </div>
        <div class="col s12 m6">
          <h2 class="center">Delivery Model</h2>
          <p>We utilized many principles of agile development and had scrum meetings. Our development process was adaptive and rapid. Our team performed open-mindedly and unselfishly. A successful prototype was dependent on our ability to assess time constraints and reorganize our priorities. It was a learning process, we learned JavaScript, Phaser.io, Git, FSM’s. Our design approach was simple and intuitive.</p>
        </div>
      </div>

    </div>


  <footer class="page-footer gradient-ybd">
    <div class="container">
      <div class="row">
        <div class="col s12">

<!--          <p class="black-text">This project was born at SFHacks17.</p>-->

        </div>

      </div>
    </div>
    <div class="footer-copyright">
      <div class="black-text container">
      &copy; 2017, Social Shape Interspace
      </div>
    </div>
  </footer>


  <!--  Scripts-->
  <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
  <script src="/js/materialize.js"></script>
  <script src="/js/init.js"></script>

  </body>
</html>