CCrypto VPN public website https://vpn.ccrypto.org/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

110 lines
3.8 KiB

  1. {% load i18n %}
  2. {% load staticfiles %}
  3. {% get_current_language as LANGUAGE_CODE %}
  4. <!DOCTYPE html>
  5. <html xmlns="http://www.w3.org/1999/xhtml" lang="{{ LANGUAGE_CODE }}">
  6. <head>
  7. {% if title %}
  8. <title>{{ title }} - CCrypto VPN</title>
  9. {% else %}
  10. <title>CCrypto VPN</title>
  11. {% endif %}
  12. <meta charset="UTF-8" />
  13. <link rel="stylesheet" href="{% static 'css/pure-min.css' %}" media="screen" />
  14. <link rel="stylesheet" href="{% static 'css/grids-responsive-min.css' %}" media="screen" />
  15. <link rel="stylesheet" href="{% static 'css/style.css' %}" media="screen" />
  16. <link rel="stylesheet" href="{% static 'css/font-awesome.min.css' %}" media="screen" />
  17. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  18. {{ADDITIONAL_HEADER_HTML | safe}}
  19. {% block headers %}{% endblock %}
  20. </head>
  21. <body>
  22. <div id="topbar">
  23. <div class="topbar-left">
  24. <p>
  25. <a href="http://ccrypto.org">CCrypto</a>
  26. // <a href="//status.ccrypto.org/">{% trans 'Service Status' %}</a>
  27. {% for l, _ in LANGUAGES %}
  28. | <a href="{% url 'set_lang' %}?lang={{l}}&amp;next={{request.get_full_path}}">{{l.upper}}</a>
  29. {% endfor %}
  30. </p>
  31. </div>
  32. <div class="topbar-right">
  33. {% if user.is_authenticated %}
  34. <p><a class="create" href="/account/">{% trans 'Your account' %}</a>
  35. <a class="create" href="/account/logout">{% trans 'Logout' %}</a>
  36. </p>
  37. {% else %}
  38. <p><a href="/account/signup" class="create">{% trans 'Sign up' %}</a>
  39. <a href="/account/login" class="create">{% trans 'Log in' %}</a>
  40. </p>
  41. {% endif %}
  42. </div>
  43. <div style="clear:both"></div>
  44. </div>
  45. <header id="header">
  46. <div id="logo">
  47. <h2><a href="//ccrypto.org/">CCrypto</a></h2>
  48. <h1><a href="/">VPN</a></h1>
  49. </div>
  50. <nav>
  51. <ul>
  52. <li><a href="/">{% trans "VPN" %}</a></li>
  53. <li><a href="/status">{% trans "Servers" %}</a></li>
  54. <li><a href="/page/help">{% trans "Guides" %}</a></li>
  55. {% if user.is_authenticated %}
  56. <li><a href="/tickets/">{% trans "Support" %}</a></li>
  57. {% endif %}
  58. {% if user.is_staff %}
  59. <li><a href="/admin/">{% trans "Admin" %}</a></li>
  60. {% endif %}
  61. </ul>
  62. </nav>
  63. <div style="clear: both"></div>
  64. </header>
  65. {% block wrap %}
  66. {% if motd %}
  67. <div class="message motd">
  68. <p>{{ motd | safe }}</p>
  69. </div>
  70. {% endif %}
  71. {% for message in messages %}
  72. <div class="message">
  73. <p class="{{message.tags}}">{{ message }}</p>
  74. </div>
  75. {% endfor %}
  76. {% block content %}{% endblock %}
  77. {% endblock %}
  78. <footer id="footer">
  79. <p>
  80. {% if CLIENT_ON_VPN %}
  81. <b>{% trans "You are using the VPN." %}</b>
  82. {% endif %}
  83. {% trans "Your IP address: " %}
  84. {{ CLIENT_IP }}
  85. <br />
  86. <a href="//ccrypto.org/">Cognitive Cryptography</a>
  87. - <a href="https://twitter.com/CCrypto_VPN">{% trans 'CCrypto_VPN on Twitter' %}</a>
  88. - <a href="/page/tos">{% trans 'ToS' %}</a>
  89. - <a href="https://github.com/CCrypto/ccvpn3">{% trans "It's open-source!" %}</a>
  90. </p>
  91. </footer>
  92. {% block livechat_thing %}
  93. <div class="livechat-thing">
  94. <a href="/chat">
  95. <span class="icon"></span>
  96. {% blocktrans %}Any question? <b>Chat with us</b>{% endblocktrans %}
  97. </a>
  98. </div>
  99. {% endblock %}
  100. {{ADDITIONAL_HTML | safe}}
  101. </body>
  102. </html>