footer.html 4.86 KB
Newer Older
Hiro's avatar
Hiro committed
1
2
3
{% if this.path == '/download' %}
  {% include 'download-android.html' %}
{% endif %}
Antonela's avatar
Antonela committed
4
<div class="container-fluid bg-dark footer onion-bg">
Hiro's avatar
Hiro committed
5
6
  <div class="row">
    <div class="col-12 d-flex justify-content-right">
Antonela's avatar
Antonela committed
7
      <div class="container pt-5 justify-content-right">
Hiro's avatar
Hiro committed
8
        <div class="offset-lx-2 offset-sm-4 mt-5">
emmapeel's avatar
emmapeel committed
9
10
           <h2 class="text-white text-bold">{{ _('Download Tor Browser') }}</h2>
            <p class="text-white">{{ _('Download Tor Browser to experience real private browsing without tracking, surveillance, or censorship.') }}</p>
Hiro's avatar
Hiro committed
11
12
            {% set download = site.get('/download') %}
            <a class="btn text-primary bg-white btn-light pull-right mt-2" href="{{ this.url_to(download) }}">
Hiro's avatar
Hiro committed
13
              {{ _("Download Tor Browser") }}<span class="oi oi-arrow-bottom ml-2 p-1" title="icon arrow-bottom" aria-hidden="true"></span>
Hiro's avatar
Hiro committed
14
15
16
17
18
            </a>
        </div>
      </div>
    </div>
  </div>
Hiro's avatar
Hiro committed
19
20
21
22
23
24
25
  <div class="row">
    <div class="col-12 d-flex justify-content-center">
      <div class="col-sm-6 offset-lx-1 offset-sm-0 mt-5">
	        <p class="mb-5 mt-5 text-white"><span class="font-weight-bold">{{ _('Our mission:') }}</span> {{ _('to advance human rights and freedoms by creating and deploying free and open source anonymity and privacy technologies, supporting their unrestricted availability and use, and furthering their scientific and popular understanding.') }}</p>
      </div>
      <div class="col-sm-2 mt-5 d-none d-sm-block">
        <ul class="nav flex-column mt-sm-5">
Hiro's avatar
Hiro committed
26
          {% set menubag = 'menu_footer+' + this.alt %}
Hiro's avatar
Hiro committed
27
28
          {% for id, item in bag(menubag).items() %}
          <li{% if this.is_child_of(item.path) %} class="nav-item active" {% else %} class="nav-item"{% endif %}>
Hiro's avatar
Hiro committed
29
30
31
32
33
34
35
          {% set link = site.get(item.path) %}
          {% if link %}
            <a class="nav-link text-light" href="{{ item.path|url }}">
          {% else %}
            <a class="nav-link text-light" href="{{ item.path }}">
          {% endif %}
          {{ item.label }}
Hiro's avatar
Hiro committed
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
              {% if this.is_child_of(item.path) %}
              <span class="sr-only">(current)</span>
              {% endif %}
            </a>
          </li>
          {% endfor %}
        </ul>
      </div>
    </div>
    <div class="col-12 d-flex justify-content-center">
      <div class="col-md-8 mt-5 pb-5 border">
        <p class="text-primary-light text-uppercase">{{ _('Subscribe to our Newsletter') }}</p>
        <p class="text-light">{{ _('Get monthly updates and opportunities from the Tor Project') }}:</p>
        <p class="w"><a class="btn btn-small btn-dark mt-2 text-white text-uppercase font-weight-bold active" role="button" aria-pressed="true" href="https://newsletter.torproject.org/">Sign up</a></p>
      </div>
    </div>

    <div class="col-12 d-flex justify-content-center">
      <div class="col-sm-6 offset-lx-1 offset-sm-0 mt-5">
Hiro's avatar
Hiro committed
55
56
        {% from "macros/footer.html" import render_faq %}
        <p class="text-primary text-light">{{ _('Trademark, copyright notices, and rules for use by third parties can be found in our %s')|format(render_faq())|safe }}.</p>
Hiro's avatar
Hiro committed
57
58
59
60
61
62
63
64
65
      </div>
      <div class="col-sm-2 mt-5 d-none d-sm-block">
        <div class="btn-group dropdown float-right">
      	  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            {{ bag('alternatives', this.alt, 'language') }}
      	  </button>
      	  <div class="dropdown-menu">
            {% for id, item in bag('alternatives').items() %}
              {% if this.alt != id %}
Hiro's avatar
Hiro committed
66
    	          <a class="dropdown-item" href="{{ this.path|url(alt=id) }}">{{ item.language }}</a>
Hiro's avatar
Hiro committed
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
              {% endif %}
            {% endfor %}
      	</div>
      </div>
    </div>

    <script src="{{ '/static/js/jquery-3.2.1.min.js'|asseturl }}" ></script>
    <script src="{{ '/static/js/popper.min.js'|asseturl }}" ></script>
    <script src="{{ '/static/js/bootstrap.bundle.min.js'|asseturl }}" ></script>
    <script src="{{ '/static/js/scrollspy.min.js'|asseturl }}" ></script>
    <script type="text/javascript">

      $('.side-nav').click(function(){
        if ($('.side-nav.active').length > 0) {
          $('.side-nav.active').removeClass('active')
        }
        $(this).addClass('active');
      });

      if($('.show').length !== 1 ) {
        $('.show').collapse();
      }

      // Coming from search result page click
      if(window.location.hash !== "") {
        // Somehow collapse is not working sync and calling show directly after
        // yields no effect and there is no callback when it is ready
        setTimeout(() => {
          // Folds out the answer manually
          $(window.location.hash).collapse('show')
          // Avoids the answer being hidden by the floating header
          window.scrollTo(0, $(window.location.hash).position().top)
        }, 500)
      }
    </script>
Hiro's avatar
Hiro committed
102
    {% include 'script-download.html' %}
Hiro's avatar
Hiro committed
103
  </div>