index.html 4.36 KB
Newer Older
1
2
3
{% extends 'layouts/base.html' %}
{% block title %} SRCT Roomlist • Homepage {% endblock title %}

4
5
6
7
8
9
10
11
12
13
14
{% block og_metadata %}
<meta property="og:title" content="SRCT Roomlist"/>
<meta property="og:description" content="Welcome to SRCT Roomlist! Log in with your Mason username and password to find your on-campus neighbors."/>
{% endblock %}

{% block tw_metadata %}
<meta name="twitter:title" content="SRCT Roomlist" />
<meta name="twitter:description" content="Welcome to SRCT Roomlist! Log in with your Mason username and password to find your on-campus neighbors." />

{% endblock tw_metadata %}

15
16
17
{% block content %}

{% load cache %}
18
{% cache 900 homepage %}
19

Daniel W Bond's avatar
Daniel W Bond committed
20
<div class="container container-padding">
21
  <div class="row">
Daniel W Bond's avatar
Daniel W Bond committed
22
    <div class="col-md-12 license">
Daniel W Bond's avatar
Daniel W Bond committed
23
      <div class="jumbotron jumboindex">
24
        <h1 class="text-center"><strong>SRCT</strong>&#8203;ROOMLIST</h1>
25
        <h3 class="text-center">Find your on-campus neighbors</h3>
Daniel W Bond's avatar
Daniel W Bond committed
26
      </div>
27
28
29
      <a href="https://creativecommons.org/licenses/by-nc/2.0/" target="_blank"><img alt="Creative Commons License" style="border-width:0" src="https://licensebuttons.net/l/by-nc/2.0/80x15.png" title="'North Section of President's Park Dorms' by Flickr user cgs_gmu2005 is licensed under a Creative Commons Attribution-NonCommercial 2.0 Generic License."
        />
      </a>
30
31
32
33
    </div>
  </div>
</div>

34
<hr/>
35

36
<div class="row">
37
38
39
40
  <div class="col-md-12 text-center">
    <h4>
      Roomlist is a voluntary, privacy-focused student housing directory for Mason
    </h4>
Daniel W Bond's avatar
Daniel W Bond committed
41
  </div>
42
43
44
45
46
47
48
49
50
51
52
53
54
</div>

<hr />

<div class="row">
  <div class="col-md-4 col-md-offset-1">
    <h5><strong>
      <i class="fa fa-key fa-2x"></i>&nbsp;&nbsp;
      Log in with your Mason credentials
    </strong></h5>
    <h5>
      Only people with a current, valid Mason username and password may join.
    </h5>
Daniel W Bond's avatar
Daniel W Bond committed
55
  </div>
56
57
58
59
60
  <div class="col-md-6">
    <a href="{% url 'login' %}">
      <img src="/static/img/login.png" class="img-responsive polaroid img-right"
       alt="Mason CAS auth screen">
    </a>
Daniel W Bond's avatar
Daniel W Bond committed
61
  </div>
62
63
64
65
66
67
</div>

<hr/>

<div class="row">
  <div class="col-md-6 col-md-offset-1">
68
69
70
71
    <a href="{% url 'login' %}">
      <img src="/static/img/floormates.png" class="img-responsive polaroid"
       alt="students on a floor">
    </a>
72
73
74
75
76
77
78
79
80
81
  </div>
  <div class="col-md-4 text-right">
    <h5><strong>
      See who else lives on your floor&nbsp;&nbsp;
      <i class="fa fa-group fa-2x"></i>
    </strong></h5>
    <h5>
      A better way to foster community than accidentally running into neighbors
      on the stairs or in an elevator.
    </h5>
Daniel W Bond's avatar
Daniel W Bond committed
82
  </div>
83
84
</div>

85
86
87
88
89
90
91
92
93
94
95
96
97
<hr/>

<div class="row">
  <div class="col-md-4 col-md-offset-1">
    <h5><strong>
      <i class="fa fa-university fa-2x"></i>&nbsp;&nbsp;
      Find other students by major
    </strong></h5>
    <h5>
      An easy way to identify people for developing study groups and making friends
      within your major.
    </h5>
  </div>
98
99
100
101
102
  <div class="col-md-6">
    <a href="{% url 'login' %}">
      <img src="/static/img/majors.png" class="img-responsive polaroid img-right"
       alt="list of majors">
    </a>
103
104
105
106
107
108
109
  </div>
</div>

<hr/>

<div class="row">
  <div class="col-md-6 col-md-offset-1">
110
111
112
113
    <a href="{% url 'login' %}">
      <img src="/static/img/privacy.png" class="img-responsive polaroid"
       alt="privacy settings options">
     </a>
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
  </div>
  <div class="col-md-4 text-right">
    <h5><strong>
      Limit your visibility to your floor or building&nbsp;&nbsp;
      <i class="fa fa-lock fa-2x"></i>
    </strong></h5>
    <h5>
      If you choose to select what room you live in, you have full control over
      who else sees that information.
    </h5>
  </div>
</div>

<hr/>

<div class="row">
  <div class="col-md-4 col-md-offset-1">
    <h5><strong>
      <i class="fa fa-share-alt fa-2x"></i>&nbsp;&nbsp;
      Link to your social media accounts
    </strong></h5>
    <h5>
      We're not recreating Facebook here. Link to your Facebook, Twitter, Instagram,
      or Google pages.
    </h5>
  </div>
140
141
142
143
144
  <div class="col-md-6">
    <a href="{% url 'login' %}">
      <img src="/static/img/social.png" class="img-responsive polaroid img-right"
       alt="user's social media account links">
     </a>
145
146
147
148
  </div>
</div>

<hr/>
149

150
<div class="row">
151
  <div class="col-md-4 col-md-offset-4 text-center">
152
    <a href="{% url 'login' %}" class="btn btn-primary btn-lg btn-block">Get Started</a>
153
154
155
  </div>
</div>

156
157
<br />

158
{% endcache %}
159
{% endblock content %}