diff options
| author | hiro <hiro@torproject.org> | 2019-09-09 15:03:19 +0200 |
|---|---|---|
| committer | hiro <hiro@torproject.org> | 2019-09-09 15:03:25 +0200 |
| commit | 49b1c031a6c98631bc5e6776a46ed5d3f47adaff (patch) | |
| tree | d57bd3e4166783d0e2f02d22082a032c6e98c8d9 | |
| parent | 097d1b3989f124cb8a641d7fb709056c49a8f5f2 (diff) | |
Update secure-connetions page with css only animation
| m--------- | lego | 0 | ||||
| -rw-r--r-- | templates/macros/topic.html | 5 | ||||
| -rw-r--r-- | templates/secure-connections.html | 20 |
3 files changed, 24 insertions, 1 deletions
diff --git a/lego b/lego -Subproject 3d8002591b1a6df64e27624bd08d7a91d8e4c76 +Subproject c8ea869b0d5743012a59742904a103a86c692f5 diff --git a/templates/macros/topic.html b/templates/macros/topic.html index f896bd2..3e2ae5e 100644 --- a/templates/macros/topic.html +++ b/templates/macros/topic.html @@ -14,6 +14,9 @@ </div> <div id="{{ item._id }}" class="anchor-spacer {{ bag('alternatives', alternative, 'direction') }}" role="tabpanel" data-parent="#{{ t_id }}"> {{ item.body|safe }} + {% if item._id == "secure-connections" %} + {% include 'secure-connections.html' %} + {% endif %} <div class="card mt-5"> <ul class="list-group list-group-flush"> <!--li class="list-group-item"><a><span class="card-text text-muted">{{ _("Contributors to this page:") }} <a href="#" title="#">cypherpunk</a></span></li--> @@ -24,7 +27,7 @@ </li> </ul> </div> - </div> + </div> </div> </div> {% endmacro %} diff --git a/templates/secure-connections.html b/templates/secure-connections.html new file mode 100644 index 0000000..893bd45 --- /dev/null +++ b/templates/secure-connections.html @@ -0,0 +1,20 @@ +<br /> +HTTPS +<input class="toggle" type="checkbox" id="https-switch"/> + +<br /> +TOR +<input class="toggle" type="checkbox" id="tor-switch"/> + +<div id="http" class="switch-off"> + <p>HTTP ONLY!</p> +</div> +<div id="https" class="switch-off"> + <p>HTTPS ONLY!</p> +</div> +<div id="tor" class="switch-off"> + <p>TOR ONLY!</p> +</div> +<div id="https-tor" class="switch-on"> + <p>TOR + HTTPS!!!</p> +</div> |