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.
 
 
 
 
 
 

118 lines
4.5 KiB

  1. {% load i18n %}
  2. {% load static %}
  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. <header>
  23. <div class="inner">
  24. <div id="logo">
  25. <h2><a href="https://ccrypto.org/">CCrypto</a></h2>
  26. <h1><a href="https://vpn.ccrypto.org/">VPN</a></h1>
  27. </div>
  28. <nav>
  29. <div>
  30. <div class="flex-spacer"></div>
  31. <ul class="user-menu">
  32. {% if user.is_authenticated %}
  33. <li><a class="button thin" href="/account/">{% trans 'Your account' %}</a></li>
  34. <li><a class="button thin" href="/account/logout">{% trans 'Logout' %}</a></li>
  35. {% else %}
  36. <li><a href="/account/signup" class="button thin">{% trans 'Sign up' %}</a></li>
  37. <li><a href="/account/login" class="button thin">{% trans 'Log in' %}</a></li>
  38. {% endif %}
  39. </ul>
  40. </div>
  41. <ul class="site-menu">
  42. <li><a href="/">{% trans "VPN" %}</a></li>
  43. <li><a href="/status">{% trans "Servers" %}</a></li>
  44. <li><a href="/page/help">{% trans "Guides & Support" %}</a></li>
  45. {% if user.is_staff %}
  46. <li><a href="/admin/">{% trans "Admin" %}</a></li>
  47. {% endif %}
  48. </ul>
  49. </nav>
  50. </div>
  51. </header>
  52. {% block wrap %}
  53. {% if motd %}
  54. <div class="message motd">
  55. <p>{{ motd | safe }}</p>
  56. </div>
  57. {% endif %}
  58. {% for message in messages %}
  59. <div class="message">
  60. <p class="{{message.tags}}">{{ message }}</p>
  61. </div>
  62. {% endfor %}
  63. {% block content %}{% endblock %}
  64. {% endblock %}
  65. <footer id="footer">
  66. <ul class="footer-column">
  67. <li class="language-selector">
  68. ‣ {% trans "Available in" %}
  69. <ul>
  70. {% for l, n in LANGUAGES %}
  71. <li><a href="{% url 'set_lang' %}?lang={{l}}&amp;next={{request.get_full_path}}">{{n}}</a></li>
  72. {% endfor %}
  73. </ul>
  74. </li>
  75. </ul>
  76. <ul class="footer-column">
  77. <li>‣ {% trans 'By' %} <a href="https://ccrypto.org/">CCrypto</a></li>
  78. <li>‣ <a href="https://status.ccrypto.org/">{% trans 'Service Status' %}</a></li>
  79. <li>‣ <a href="https://git.ccrypto.org/CCrypto/ccvpn3">{% trans 'Source code' %}</a></li>
  80. </ul>
  81. <ul class="footer-column">
  82. <li>‣ <a href="/page/privacy">{% trans 'Privacy Policy' %}</a></li>
  83. <li>‣ <a href="/page/tos">{% trans 'Terms of Service' %}</a></li>
  84. <li>‣ <a href="/page/help">{% trans "Guides & Support" %}</a></li>
  85. </ul>
  86. <ul class="footer-column">
  87. <li>
  88. <i class="fa fa-twitter" aria-hidden="true"></i>
  89. <a href="https://twitter.com/CCrypto_VPN">
  90. @CCrypto_VPN</a>
  91. </li>
  92. <li class="vpn-status-box">
  93. {% trans 'Your IP address:'%} {{CLIENT_IP}}<br />
  94. {% if CLIENT_ON_VPN %}
  95. {% trans 'You are connected over CCVPN' %}
  96. {% else %}
  97. {% trans 'You are not connected over CCVPN' %}
  98. {% endif %}
  99. </li>
  100. </ul>
  101. </footer>
  102. {{ADDITIONAL_HTML | safe}}
  103. {% block livechat_thing %}
  104. {% if not request.user.is_staff %}
  105. {% if SUPPORT_TEMPLATE %}
  106. {% include SUPPORT_TEMPLATE with request=request %}
  107. {% endif %}
  108. {% endif %}
  109. {% endblock %}
  110. </body>
  111. </html>