footer.html 4.92 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
            {% set download = site.get('/download') %}
Hiro's avatar
Hiro committed
12
            <a class="btn text-primary bg-white btn-light pull-right mt-2" href="{{ this.url_to(download)|url(alt=this.alt) }}">
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
  <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">
Antonela's avatar
Antonela committed
22
23
	        <h5 class="font-weight-bold mt-5 text-white">{{ _('Our mission:') }}</h5>
          <p class="text-white mb-5" >{{ _('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>
Hiro's avatar
Hiro committed
24
25
26
      </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
27
          {% set menubag = 'menu_footer+' + this.alt %}
Hiro's avatar
Hiro committed
28
29
          {% 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
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 %}
36
          {{ _(item.label) }}
Hiro's avatar
Hiro committed
37
38
39
40
41
42
43
44
45
46
47
48
              {% 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>
49
50
        <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 active" role="button" aria-pressed="true" href="https://newsletter.torproject.org/">{{ _('Sign up') }}</a></p>
Hiro's avatar
Hiro committed
51
52
53
54
55
      </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
56
        {% from "macros/footer.html" import render_faq %}
emmapeel's avatar
emmapeel committed
57
        <p class="text-primary text-light">{{ _('Trademark, copyright notices, and rules for use by third parties can be found in our %(link_to_faq)s')|format(link_to_faq=render_faq())|safe }}.</p>
Hiro's avatar
Hiro committed
58
59
60
61
62
63
64
65
66
      </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
67
    	          <a class="dropdown-item" href="{{ this.path|url(alt=id) }}">{{ item.language }}</a>
Hiro's avatar
Hiro committed
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
              {% 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
103
    {% include 'script-download.html' %}
Hiro's avatar
Hiro committed
104
  </div>