welcome_social.html 2.42 KB
Newer Older
1 2
{% extends 'layouts/base.html' %}

3
{% block title %} SRCT RoomList | Welcome | Step 4 of 4 {% endblock %}
4 5 6 7 8 9 10 11 12

{% block reminder %}
{% endblock %}

{% block content %}

<div class="page-header" id="banner">
  <div class="row">
    <div class="col-md-12 text-center">
13
      <h1>Welcome to <strong>SRCT</strong>ROOMLIST! <small>Step 4 of 4</small></h1>
14 15 16 17
    </div>
  </div>
</div>

18 19 20 21 22 23 24 25 26
<div class="row">
  <div class="col-md-8 col-md-offset-2">
    <p class="text-center">We're not trying to recreate Facebook here. On this final step, you can choose point people to a variety of your social media accounts from your user page.</p> 
    <p class="text-center">You'll be asked to sign in, but that's just to verify the account actually belongs to you. With the exception of your choice to use your Facebook profile picture as your profile picture here, we don't see or use any information on these third-party sites.</p>
  </div>
</div>

{% load socialaccount %} {% providers_media_js %}

27 28 29 30 31
<div class="row">
  <div class="col-md-8 col-md-offset-2">

    <div class="panel panel-default">
      <div class="panel-heading">
32
        <h1 class="panel-title text-center"><strong>Social Media Accounts</strong></h1>
33 34 35
      </div>

      <div class="panel-body">
36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58
        <div class="row text-center">
          <div class="col-md-3">
            <a href="{% provider_login_url 'facebook' method=js_sdk' process='connect' next='/welcome/{{ user.username }}/welcome/4/' %}">
              <h4><i class="fa fa-facebook fa-3x"></i></h4>
            </a>
          </div>
          <div class="col-md-3">
            <a href="{% provider_login_url 'google' method=js_sdk' process='connect' next='/welcome/{{ user.username }}/welcome/4/' %}">
              <h4><i class="fa fa-google fa-3x"></i></h4>
            </a>
          </div>
          <div class="col-md-3">
            <a href="{% provider_login_url 'twitter' method=js_sdk' process='connect' next='/welcome/{{ user.username }}/welcome/4/' %}">
              <h4><i class="fa fa-twitter fa-3x"></i></h4>
            </a>
          </div>
          <div class="col-md-3">
            <a href="{% provider_login_url 'instagram' method=js_sdk' process='connect' next='/welcome/{{ user.username }}/welcome/4/' %}">
              <h4><i class="fa fa-instagram fa-3x"></i></h4>
            </a>
          </div>
        </div>
        <input type="submit" value="Finish" class="btn btn-primary"/>
59 60 61 62 63 64 65 66
      </div>
    </div>

  </div>
</div>


{% endblock %}