42CTF/website
42CTF
/
website
13
5
Fork 10
Code Issues 10 Pull Requests 1 Projects 9 Releases Wiki Activity

Compare commits

base: 42CTF:eadede339b9cd43df6042fcebc64adab2155ff9f
Branches Tags
42CTF:main
42CTF:ctf-ordered-by-points
42CTF:translation
42CTF:resources
42CTF:news-content
42CTF:bot-api
42CTF:challenges-description
42CTF:home-refacto
..
compare: 42CTF:1ee02fc9642cecb5fffaa66d0525891658778812
Branches Tags
42CTF:main
42CTF:ctf-ordered-by-points
42CTF:translation
42CTF:resources
42CTF:news-content
42CTF:bot-api
42CTF:challenges-description
42CTF:home-refacto

No commits in common. "eadede339b9cd43df6042fcebc64adab2155ff9f" and "1ee02fc9642cecb5fffaa66d0525891658778812" have entirely different histories.
eadede339b ... 1ee02fc964

14 changed files with 348 additions and 336 deletions
Show Stats Expand all files Collapse all files

4
src/accounts/templates/accounts/profile.html
View File

@ -53,9 +53,9 @@
</li> </li>
{% endif %} {% endif %}
{% if member %} {% if member %}
<li class="list-group-item">Status: <a class="{{ is_member }}" href="{% url 'resources:becomeMember' %}">{% trans "Member" %}</a></li> <li class="list-group-item is-member">{% trans "Status: Member" %}</li>
{% else %} {% else %}
<li class="list-group-item">Status: {% trans " Visitor" %}</li> <li class="list-group-item">{% trans "Status: Visitor" %}</li>
{% endif %} {% endif %}
<li class="list-group-item">{% trans "Registered since" %} {{ user.date_joined|date:"d-m-Y" }}</li> <li class="list-group-item">{% trans "Registered since" %} {{ user.date_joined|date:"d-m-Y" }}</li>
</ul> </ul>

31
src/resources/templates/resources/42ctf.html Normal file
View File

@ -0,0 +1,31 @@
{% block content %}
{% load i18n %}
{% get_current_language as lang %}
<div class="col-sm-12 col-md-6">
<div class="ctf-block">
<div class="ctf-head">
<center><h3>{% trans "What is 42CTF ?" %}</h3></center>
</div>
<div class="ctf-body">
<h4>{% trans "A short introduction to CTF" %}</h4>
{% trans "CTF stands for Capture The Flag. It is a cybersecurity competition, where participants have to solve challenges of various categories to gain points and progress on the scoreboard." %}
{% blocktranslate %}The challenges require participants to find sort of passwords called "flags" and to submit them on the platform.{% endblocktranslate %}
<br><br>
<h4>{% trans "Functionment of 42CTF" %}</h4>
{% trans "42CTF is what we call a permanent CTF." %}<br>
{% trans "Except from the" %} <a href="{% url 'events:events' %}">{% translate "events" %}</a>, {% trans "challenges are available on the platform without time limitations." %}
{% trans "The registration on 42CTF is open to everyone, 42 students or not." %}<br>
{% trans "Events may or may not be open. If you would like to organize an event on 42CTF, feel free to contact us." %}<br>
<br><br>
<h4>{% trans "42CTF Team" %}</h4>
{% trans "42CTF is managed by 42 students." %}<br>
{% trans "You can meet the team on" %} <a class="footer_imgs" href="https://discord.gg/DwZqPpA" target="_blank"><img src="/static/img/discord.png" width="30"></a>.<br>
{% trans "Challenges are created by various contributors, not necessarily 42 students."%}<br>
{% trans "Anyone is welcome to submit their own challenges, either on the permanent CTF or for a specific event." %}
</div>
</div>
</div>
{% endblock %}

36
src/resources/templates/resources/about.html
View File

@ -1,36 +0,0 @@
{% extends 'base.html' %}
{% block content %}
{% load i18n %}
{% get_current_language as lang %}
<div class="row">
{% load i18n %}
{% get_current_language as lang %}
<div class="col-sm-12">
<div class="ctf-block">
<div class="ctf-head">
<center><h3>{% trans "What is 42CTF ?" %}</h3></center>
</div>
<div class="ctf-body">
<h4>{% trans "A short introduction to CTF" %}</h4>
{% trans "CTF stands for Capture The Flag. It is a cybersecurity competition, where participants have to solve challenges of various categories to gain points and progress on the scoreboard." %}
{% blocktranslate %}The challenges require participants to find sort of passwords called "flags" and to submit them on the platform.{% endblocktranslate %}
<br><br>
<h4>{% trans "Functionment of 42CTF" %}</h4>
{% trans "42CTF is what we call a permanent CTF." %}<br>
{% trans "Except from the" %} <a href="{% url 'events:events' %}">{% translate "events" %}</a>, {% trans "challenges are available on the platform without time limitations." %}
{% trans "The registration on 42CTF is open to everyone, 42 students or not." %}<br>
{% trans "Events may or may not be open. If you would like to organize an event on 42CTF, feel free to contact us." %}<br>
<br><br>
<h4>{% trans "42CTF Team" %}</h4>
{% trans "42CTF is managed by 42 students." %}<br>
{% trans "You can meet the team on" %} <a class="footer_imgs" href="https://discord.gg/DwZqPpA" target="_blank"><img src="/static/img/discord.png" width="30"></a>.<br>
{% trans "Challenges are created by various contributors, not necessarily 42 students."%}<br>
{% trans "Anyone is welcome to submit their own challenges, either on the permanent CTF or for a specific event." %}
</div>
</div>
</div>
{% endblock %}
</div>

65
src/resources/templates/resources/becomeMember.html
View File

@ -1,65 +0,0 @@
{% extends 'base.html' %}
{% load static %}
{% block content %}
{% load i18n %}
{% get_current_language as lang %}
<div class="row">
<div class="col-12">
<h3>{% trans "Become a 42CTF member" %}</h3>
</div>
<div class="col-sm-6">
<div class="ctf-block text-center">
<div class="ctf-head text-center">
<h4>{% trans "Why should i become a 42CTF member ?" %}</h4>
</div>
<div class="ctf-body">
<img src="{% static "img/42ctf_logo_big_no_bg_full_white.svg" %}" width="200px" alt="42ctf logo"/>
<br><br>
{% trans "42CTF is a non-profit organization with a legal status under the french law (Association loi 1901)." %}
</div>
</div>
<div class="ctf-block text-center">
<div class="ctf-head text-center">
<h4>{% trans "I want to be a member !" %}</h4>
</div>
<div class="ctf-body">
{% trans "You're welcome ! To become a member, you need to support us by paying a fee of 15 euros for 1 year." %}
<br>
<a href="https://www.paypal.com/donate/?hosted_button_id=M6YBYZ63MQGAY" target="_blank">
<img src="/static/img/paypal.png" width="200">
</a>
<br>
{% trans "If you want to use another method, contact us !" %}
</div>
</div>
</div>
<div class="col-sm-6">
<div class="ctf-block">
<div class="ctf-head text-center">
<h4>{% trans "What i got ?" %}</h4>
</div>
- {% trans "A <span class='is-member'>different color</span> for your pseudo in the scoreboard, to let everyone know you're a member." %}<br>
- {% trans "The possibility to play past CTF, with challenges no longer available, in the form of private events with the people of your choice." %}<br>
<br>
<p class="text-center">
{% trans "More advantages may come later, and you can submit us your ideas." %}
</p>
</div>
<div class="ctf-block text-center">
<div class="ctf-head text-center">
<h4>{% trans "How do i claim it ?" %}</h4>
</div>
<div class="ctf-body">
{% trans "Once you payed 15 euros, you just need to contact us on discord or by mail !" %}
<br>
<br>
<a href="https://discord.gg/DwZqPpA">
<img width="250px" src="https://discordapp.com/api/guilds/606162827274616845/widget.png?style=banner2" style="margin-bottom:5px" alt="42ctf discord server banner">
</a>
<br>
42ctf@protonmail.com
</div>
</div>
</div>
</div>
{% endblock %}

4
src/resources/templates/resources/create_challenge.html
View File

@ -9,8 +9,8 @@
<div class="ctf-body"> <div class="ctf-body">
{% trans "If you want to create new challenges for 42CTF, send us a message on " %}<a class="footer_imgs" href="https://discord.gg/DwZqPpA" target="_blank"><img src="/static/img/discord.png" width="30"></a> !<br><br> {% trans "If you want to create new challenges for 42CTF, send us a message on " %}<a class="footer_imgs" href="https://discord.gg/DwZqPpA" target="_blank"><img src="/static/img/discord.png" width="30"></a> !<br><br>
{% trans "If your challenge is offline, then you don't have to ask us in advance." %}<br> {% trans "If your challenge is offline, then you don't have to ask us in advance." %}<br>
{% trans "If your challenge is online (for example web or pwn), then you should give us a short description of what you want to do." %}<br> {% trans "If your challenge is online (for example web or pwn), then you should give us a short description of what you want to do." %}
{% trans "We may be able to help you or to give you resources such as dockerfiles." %}<br><br> {% trans "We may be able to help you or to give you resources such as dockerfiles." %}
{% trans "We plan to make those resources publicly available in a near future." %} {% trans "We plan to make those resources publicly available in a near future." %}
</div> </div>
</div> </div>

68
src/resources/templates/resources/donate.html
View File

@ -2,29 +2,57 @@
{% load i18n %} {% load i18n %}
{% get_current_language as lang %} {% get_current_language as lang %}
<div class="col-sm-12"> <div class="col-sm-12">
<div class="ctf-block text-center"> <div class="ctf-block">
<div class="ctf-head"> <div class="ctf-head">
<h3>{% trans "Donate" %}</h3> <center><h3>{% trans "Donate" %}</h3></center>
</div> </div>
<div class="ctf-body"> <div class="ctf-body">
<a href="https://www.paypal.com/donate/?hosted_button_id=M6YBYZ63MQGAY" target="_blank"> <h4>{% trans "Become a 42CTF member" %}</h4>
<img src="/static/img/paypal.png" width="200" style="margin-top:-30px;"> {% trans "42CTF is a non-profit organization with a legal status under the french law (Association loi 1901)." %}<br>
</a><br> {% trans "You can support us by becoming a member and paying a fee of 15 euros." %}<br>
<p class="small"> {% trans "Membership is then granted for 1 year." %}<br><br>
{% trans "If you would like us to add another payment method or if you want to pay in cash, send us a message !" %}<br><br>
</p> {% trans "When you become a member, you gain the following advantages:" %}<br>
</div> - {% trans "A different color for your pseudo in the scoreboard, to let everyone know you're a member." %}<br>
<div class="ctf-head"> - {% trans "The possibility to play again past CTF, with challenges no longer available, in the form of private events with the people of your choice." %}<br>
<h3>{% trans "What will we do with your money ?" %}</h3> {% trans "Ex: you played Welcome CTF 2021, and want to play it again with your friends during one weekend." %}
</div> {% trans "Or you didn't play Welcome CTF 2021 because you were not eligible." %}
<div class="ctf-body"> <br><br>
{% blocktranslate %}Hosting a website - and especially a CTF platform - costs money: more precisely, it costs us <b>50 euros per month</b>.
<br><br> {% trans "More advantages may come later, and you can submit us your ideas." %}<br>
If we had <b>40 members</b> each year, it would be enough to cover the hosting of 42CTF. {% trans "However, we will not organize limited time CTF for members only, as this will be equivalent to organize paid events, and we want 42CTF to remain FREE for all." %}<br>
<br> <br><br>
We currently have {{nb_members}} members.
<br><br> <center><h4>{% trans "Donate to 42CTF" %}</h4>
With the additional money, we could for example offer prizes for limited-time events, but we will update this page as soon as we reach this threshold :){% endblocktranslate %} {% trans "You can donate to 42CTF or pay your membership with the following means:" %}<br>
<!-- <a href="https://www.patreon.com/42ctf" target="_blank" class="patreon li-patreon">
<span class="svg-box">
<svg viewBox="0 0 569 546" xmlns="http://www.w3.org/2000/svg"><g><circle cx="362.589996" cy="204.589996" data-fill="1" id="Oval" r="204.589996"></circle><rect data-fill="2" height="545.799988" id="Rectangle" width="100" x="0" y="0"></rect></g></svg>
</span>
<span class="patreon-text">
Patreon
</span>
</a> -->
<a href="https://www.paypal.com/donate/?hosted_button_id=M6YBYZ63MQGAY" target="_blank">
<img src="/static/img/paypal.png" width="200" style="margin-top: -10px;">
</a>
<!-- <a href="https://www.helloasso.com/associations/42ctf/adhesions/adhesion" target="_blank">
<img src="/static/img/hello_asso.png" width="180" style="margin-top: -10px;">
</a> -->
</center>
<br>
{% trans "If you would like us to add another payment method or if you want to pay in cash, send us a message !" %}<br><br>
{% trans "If you're paying for your membership, don't forget to send us your first and last name, as well as your 42CTF pseudo." %}
{% trans "We will only use thoe data to keep track of our members and grant you advantages, and we will never communicate them to any third party." %}
<br><br>
<h4>{% trans "What will we do with your money ?" %}</h4>
{% blocktranslate %}Hosting a website - and especially a CTF platform - costs money:
more precisely, it costs us <b>50 euros per month</b>.<br>
If we had <b>40 members</b> each year, it would be enough to cover the hosting of 42CTF.<br>
We currently have {{nb_members}} members. <br>
With the additional money, we could for example offer prizes for limited-time events, but we will update this page as soon as we reach this threshold :){% endblocktranslate %}
</div> </div>
</div> </div>
</div> </div>

10
src/resources/templates/resources/howToStart.html
View File

@ -1,10 +0,0 @@
{% extends 'base.html' %}
{% block content %}
{% load i18n %}
{% get_current_language as lang %}
<div class="row">
{% block tools %}
{% include "./tools.html" %}
{% endblock %}
</div>
{% endblock %}

13
src/resources/templates/resources/contribute.html → src/resources/templates/resources/resources.html
View File

@ -3,8 +3,11 @@
{% load i18n %} {% load i18n %}
{% get_current_language as lang %} {% get_current_language as lang %}
<div class="row"> <div class="row">
{% block donate %} {% block 42ctf %}
{% include "./donate.html" %} {% include "./42ctf.html" %}
{% endblock %}
{% block tools %}
{% include "./tools.html" %}
{% endblock %} {% endblock %}
{% block translate %} {% block translate %}
{% include "./translate.html" %} {% include "./translate.html" %}
@ -12,5 +15,11 @@
{% block create_challenge %} {% block create_challenge %}
{% include "./create_challenge.html" %} {% include "./create_challenge.html" %}
{% endblock %} {% endblock %}
{% block edit %}
{% include "./edit.html" %}
{% endblock %}
{% block donate %}
{% include "./donate.html" %}
{% endblock %}
</div> </div>
{% endblock %} {% endblock %}

2
src/resources/templates/resources/tools.html
View File

@ -1,7 +1,7 @@
{% block content %} {% block content %}
{% load i18n %} {% load i18n %}
{% get_current_language as lang %} {% get_current_language as lang %}
<div class="col-sm-12"> <div class="col-sm-12 col-md-6">
<div class="ctf-block"> <div class="ctf-block">
<div class="ctf-head"> <div class="ctf-head">
<center><h3>{% trans "Recommended Tools" %}</h3></center> <center><h3>{% trans "Recommended Tools" %}</h3></center>

14
src/resources/templates/resources/translate.html
View File

@ -1,19 +1,17 @@
{% block content %} {% block content %}
{% load i18n %} {% load i18n %}
{% get_current_language as lang %} {% get_current_language as lang %}
<div class="col-sm-12 col-md-6"> <div class="col-sm-12">
<div class="ctf-block"> <div class="ctf-block">
<div class="ctf-head"> <div class="ctf-head">
<center><h3>{% trans "Translate 42CTF" %}</h3></center> <center><h3>{% trans "Translate 42CTF" %}</h3></center>
</div> </div>
<div class="ctf-body"> <div class="ctf-body">
{% trans "42CTF source code is publicly available on this"%} <a href="https://gitea.42ctf.org/42CTF/website">git</a>. {% trans "42CTF source code is publicly available on this"%} <a href="https://gitea.42ctf.org/42CTF/website">git</a>.<br>
<br> {% trans "Translation does not require any programming skill and is a good way to contribute if you want to help us, by making the platform always more accessible." %}<br><br>
{% trans "Translation does not require any programming skill and is a good way to contribute if you want to help us, by making the platform always more accessible." %} {% trans "We have a" %} <a href="https://gitea.42ctf.org/42CTF/website/wiki/Internationalization">wiki</a> {% trans "describing how to translate pages with the Django internalization module." %}<br>
<br><br> {% trans "We invite you to read it to know all the details, but it merely requires you to edit text files, so you see, no programming skills required ;)" %}
{% trans "We have a" %} <a href="https://gitea.42ctf.org/42CTF/website/wiki/Internationalization">wiki</a> {% trans "describing how to translate pages with the Django internalization module." %} {% trans "You will need to fork the git repository, make your changes, push them, and then open a pull request so that we can merge your contributions into our repository." %}<br><br>
<br><br>
<!-- {% trans "You will need to fork the git repository, make your changes, push them, and then open a pull request so that we can merge your contributions into our repository." %}<br><br> -->
{% trans "Don't hesitate to reach for help on" %} <a class="footer_imgs" href="https://discord.gg/DwZqPpA" target="_blank"><img src="/static/img/discord.png" width="30"></a> {% trans "Don't hesitate to reach for help on" %} <a class="footer_imgs" href="https://discord.gg/DwZqPpA" target="_blank"><img src="/static/img/discord.png" width="30"></a>
</div> </div>
</div> </div>

5
src/resources/urls.py
View File

@ -4,8 +4,5 @@ from . import views
app_name = "resources" app_name = "resources"
urlpatterns = [ urlpatterns = [
path('about', views.about, name='about'), path('', views.resources, name='resources'),
path('how-to-start', views.howToStart, name='howToStart'),
path('contribute', views.contribute, name='contribute'),
path('become-member', views.becomeMember, name='becomeMember'),
] ]

13
src/resources/views.py
View File

@ -4,15 +4,6 @@ from django.contrib.auth.models import timezone
# Create your views here. # Create your views here.
def contribute(request): def resources(request):
nb_members = UserProfileInfo.objects.filter(member=True, member_until__gt=timezone.now()).count() nb_members = UserProfileInfo.objects.filter(member=True, member_until__gt=timezone.now()).count()
return render(request, 'resources/contribute.html', {'nb_members':nb_members}) return render(request, 'resources/resources.html', {'nb_members':nb_members})
def about(request):
return render(request, 'resources/about.html')
def howToStart(request):
return render(request, 'resources/howToStart.html')
def becomeMember(request):
return render(request, 'resources/becomeMember.html')

111
src/statics/css/style.css
View File

@ -4,7 +4,6 @@ body {
} }
.card-body { .card-body {
background-color: #1d1d1d; background-color: #1d1d1d;
padding:30px;
} }
a { a {
color: #4375aa; color: #4375aa;
@ -14,10 +13,10 @@ a:hover {
text-decoration: none; text-decoration: none;
} }
.main-div { .main-div {
margin-top: 30px; margin-top: 40px;
} }
.news-card { .news-card {
margin-bottom: 30px; margin-bottom: 20px;
border: none; border: none;
} }
.news-card .card-header { .news-card .card-header {
@ -69,12 +68,6 @@ pre {
padding-right: 15px; padding-right: 15px;
padding-left: 15px; padding-left: 15px;
} }
.nav-distinguish{
border: 1.8px solid #333;
border-radius: 1.5px;
color: #fff;
text-transform: uppercase;
}
.flag_img { .flag_img {
margin-top: 10px; margin-top: 10px;
width: 28px; width: 28px;
@ -90,15 +83,15 @@ pre {
.ctf-block { .ctf-block {
background-color: #1d1d1d; background-color: #1d1d1d;
min-height: 30vh; min-height: 235px;
padding: 30px; padding: 15px;
margin-bottom: 30px; margin-bottom: 20px;
} }
.ctf-body { .ctf-body {
margin-top: 30px; margin-top: 50px;
} }
.bloc-body { .bloc-body {
margin-top: 30px; margin-top: 25px;
} }
.ctf-footer { .ctf-footer {
margin-top: 15px; margin-top: 15px;
@ -110,8 +103,8 @@ pre {
margin-bottom: 20px; margin-bottom: 20px;
} }
.event-body { .event-body {
padding: 30px; padding: 15px;
margin-top: 30px; margin-top: 50px;
} }
.event-footer { .event-footer {
margin-top: 15px; margin-top: 15px;
@ -278,7 +271,91 @@ footer {
visibility: visible; visibility: visible;
padding-top: 5px; padding-top: 5px;
} }
.patreon {
width: 250px;
height: 59px;
background-color: #ff6363;
font-family: America, "GT America", Lato, "Helvetica Neue", Helvetica, Arial,
sans-serif;
text-rendering: optimizeLegibility;
-moz-box-align: center;
backface-visibility: hidden;
box-sizing: border-box;
cursor: pointer;
display: inline-flex;
font-size: 0.875rem !important;
font-weight: 500;
-moz-box-pack: center;
justify-content: center;
padding: 0.46875rem 1rem;
position: relative;
pointer-events: unset;
text-align: center;
text-decoration: none;
text-transform: none;
transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
user-select: none;
white-space: unset;
align-items: center;
color: #fff;
}
.li-patreon {
width: 120px;
height: 37px;
background-color: #ff6363;
font-family: America, "GT America", Lato, "Helvetica Neue", Helvetica, Arial,
sans-serif;
text-rendering: optimizeLegibility;
-moz-box-align: center;
backface-visibility: hidden;
box-sizing: border-box;
cursor: pointer;
font-size: 0.875rem !important;
font-weight: 500;
-moz-box-pack: center;
justify-content: center;
padding: 0.46875rem 1rem;
text-align: center;
text-decoration: none;
text-transform: none;
transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
user-select: none;
align-items: center;
color: #fff;
margin-top: 4px;
margin-right: 13px;
}
.patreon:hover {
background-color: #ff4a4a;
color: #fff;
}
.patreon-text {
padding-left: 1em;
}
.patreon svg {
height: 1.3rem;
width: 1.3rem;
fill: #fff;
}
.patreon-content {
-moz-box-align: center;
align-items: center;
display: flex;
-moz-box-pack: center;
justify-content: center;
visibility: visible;
}
.svg-box {
align-self: center;
-moz-box-align: center;
align-items: center;
display: inline-flex;
filter: none;
vertical-align: unset;
height: unset;
width: unset;
cursor: unset;
}
.is-member { .is-member {
color: #26fcef; color: #26fcef;
} }

290
src/templates/base.html
View File

@ -1,165 +1,157 @@
{% load static %} {% load static %}
{% load is_member %}
{% load i18n %} {% load i18n %}
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="shortcut icon" type="image/x-icon" href="{% static 'img/favicon.ico' %}"/> <link rel="shortcut icon" type="image/x-icon" href="{% static 'img/favicon.ico' %}"/>
<!-- Bootstrap CSS --> <!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="{% static "css/style.css" %}"> <link rel="stylesheet" href="{% static "css/style.css" %}">
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>42CTF</title> <title>42CTF</title>
<meta name="title" content="42CTF"> <meta name="title" content="42CTF">
<meta name="description" content="42CTF is a cybersecurity challenges platform created by School 42 students."> <meta name="description" content="42CTF is a cybersecurity challenges platform created by School 42 students.">
<!-- Open Graph / Facebook --> <!-- Open Graph / Facebook -->
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.42ctf.org/"> <meta property="og:url" content="https://www.42ctf.org/">
<meta property="og:title" content="42CTF"> <meta property="og:title" content="42CTF">
<meta property="og:description" content="42CTF is a cybersecurity challenges platform created by School 42 students."> <meta property="og:description" content="42CTF is a cybersecurity challenges platform created by School 42 students.">
<meta property="og:image" content="{% static "img/42ctf_logo.png" %}"> <meta property="og:image" content="{% static "img/42ctf_logo.png" %}">
<!-- Twitter --> <!-- Twitter -->
<meta property="twitter:card" content="summary_large_image"> <meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://www.42ctf.org/"> <meta property="twitter:url" content="https://www.42ctf.org/">
<meta property="twitter:title" content="42CTF"> <meta property="twitter:title" content="42CTF">
<meta property="twitter:description" content="42CTF is a cybersecurity challenges platform created by School 42 students."> <meta property="twitter:description" content="42CTF is a cybersecurity challenges platform created by School 42 students.">
<meta property="twitter:image" content="{% static "img/42ctf_logo.png" %}"> <meta property="twitter:image" content="{% static "img/42ctf_logo.png" %}">
<meta name="Description" content="42CTF is a cybersecurity challenges platform created by School 42 students."> <meta name="Description" content="42CTF is a cybersecurity challenges platform created by School 42 students.">
<meta name="keywords" content="42, cybersécurité, cybersecurity, hack, hacking, challenge, solution, exercice, hacking challenge, hack challenge, exercice hack, exercice hacking, capture the flag, CTF, security, sécurité, Documentation,Applicatif,Cryptologie,Challenges,Outils,R&#233;seaux,CrackinWebW Client,Programmation,Cryptanaly,Application,Pr&#233;sentation,R&#233;seau,St&#233;ganographie,Web Serveur,Cracking,Classement,Challenges, Informatique,Capture The Flag,Forensic,Web," /> <meta name="keywords" content="42, cybersécurité, cybersecurity, hack, hacking, challenge, solution, exercice, hacking challenge, hack challenge, exercice hack, exercice hacking, capture the flag, CTF, security, sécurité, Documentation,Applicatif,Cryptologie,Challenges,Outils,R&#233;seaux,CrackinWebW Client,Programmation,Cryptanaly,Application,Pr&#233;sentation,R&#233;seau,St&#233;ganographie,Web Serveur,Cracking,Classement,Challenges, Informatique,Capture The Flag,Forensic,Web," />
</head> </head>
<body> <body>
<header> <header>
<!-- As a link --> <!-- As a link -->
<nav class="navbar navbar-expand-lg navbar-dark"> <nav class="navbar navbar-expand-lg navbar-dark">
<a class="navbar-brand" href="{% url "home" %}"><img src="{% static "img/42ctf_logo_big_no_bg_full_white.svg" %}" width="150px" alt="42ctf logo"/></a> <a class="navbar-brand" href="{% url "home" %}"><img src="{% static "img/42ctf_logo_big_no_bg_full_white.svg" %}" width="150px" alt="42ctf logo"/></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto"> <ul class="navbar-nav mr-auto">
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
CTFs CTFs
</a> </a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown"> <div class="dropdown-menu" aria-labelledby="navbarDropdown">
{% if cats %} {% if cats %}
{% for c in cats %} {% for c in cats %}
<a class="dropdown-item" href="{% url 'category' cat_slug=c.slug %}">{{ c.name }}</a> <a class="dropdown-item" href="{% url 'category' cat_slug=c.slug %}">{{ c.name }}</a>
{% endfor %} {% endfor %}
{% else %} {% else %}
<a class="dropdown-item">{% translate "No category available." %}</a> <a class="dropdown-item">{% translate "No category available." %}</a>
{% endif %} {% endif %}
</div> </div>
</li> </li>
<li class="nav-item">
<a class="nav-link" href="{% url 'scoreboard:scoreboard' %}">{% translate "Scoreboard" %}</a>
<li class="nav-item">
<a class="nav-link" href="{% url 'events:events' %}">{% translate "Events" %}</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{% url 'resources:resources' %}">{% translate "Resources" %}</a>
</li>
</ul>
<ul class="navbar-nav ">
<li class="nav-item dropdown">
{% get_current_language as LANGUAGE_CODE %}
<a class="nav-link" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img class="flag_img" src="{% static "img/"|add:LANGUAGE_CODE|add:".svg" %}" alt="flag {{ LANGUAGE_CODE }}" style="margin-top: -5px;"/>
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
{% get_available_languages as languages %}
{% for lang_code, lang_name in languages %}
<li class="nav-item"> <a class="dropdown-item" href="{% url 'set_language' lang_code %}?next={{request.path|slice:"3:"}}">
<a class="nav-link" href="{% url 'scoreboard:scoreboard' %}">{% translate "Scoreboard" %}</a> <img class="flag_img" src="{% static "img/"|add:lang_code|add:".svg" %}" alt="flag {{ lang_name }}"/>
</li> </a>
<li class="nav-item">
<a class="nav-link" href="{% url 'events:events' %}">{% translate "Events" %}</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Resources
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="{% url 'resources:about' %}">About</a>
<a class="dropdown-item" href="{% url 'resources:howToStart' %}">How To Start</a>
<a class="dropdown-item" href="{% url 'resources:contribute' %}">Contribute</a>
</div>
</li>
</ul>
<ul class="navbar-nav ">
{% if request.user.is_authenticated %}
{% ismember request.user.userprofileinfo as is_member %}
{% if not is_member %}
<li class="nav-item">
<a class="nav-link nav-distinguish" href="{% url 'resources:becomeMember' %}">{% translate "Become a member" %}</a>
</li>
{% endif %}
<li class="nav-item dropdown">
<a href="{% url 'accounts:edit' %}" class="nav-link">{{ request.user.username }}</a>
</li>
<li class="nav-item dropdown">
<span class="nav-link">{{ request.user.userprofileinfo.score }}</span>
</li>
<li class="nav-item dropdown">
<a class="nav-link" href="{% url 'accounts:out' %}">{% translate "Logout" %}</a>
</li>
{% else %}
<li class="nav-item dropdown">
<a class="nav-link" href="{% url 'accounts:signin' %}">{% translate "Login" %}</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{% url 'accounts:signup' %}">{% translate "Sign Up" %}</a>
</li>
{% endif %}
<li class="nav-item dropdown">
{% get_current_language as LANGUAGE_CODE %}
<a class="nav-link" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img class="flag_img" src="{% static "img/"|add:LANGUAGE_CODE|add:".svg" %}" alt="flag {{ LANGUAGE_CODE }}" style="margin-top: -5px;"/>
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
{% get_available_languages as languages %}
{% for lang_code, lang_name in languages %}
<a class="dropdown-item" href="{% url 'set_language' lang_code %}?next={{request.path|slice:"3:"}}">
<img class="flag_img" src="{% static "img/"|add:lang_code|add:".svg" %}" alt="flag {{ lang_name }}"/>
</a>
{% endfor %} {% endfor %}
</div> </div>
</li> </li>
</ul> {% if request.user.is_authenticated %}
</div> <li class="nav-item dropdown">
</nav> <a href="{% url 'accounts:edit' %}" class="nav-link">{{ request.user.username }}</a>
</header> </li>
<li class="nav-item dropdown">
<div class="container main-div"> <span class="nav-link">{{ request.user.userprofileinfo.score }}</span>
{% block content %} </li>
{% endblock %} <li class="nav-item dropdown">
</div> <a class="nav-link" href="{% url 'accounts:out' %}">{% translate "Logout" %}</a>
</li>
<footer class="container"> {% else %}
<div class="row"> <li class="nav-item dropdown">
<div class="col-lg-4 col-12"> <a class="nav-link" href="{% url 'accounts:signin' %}">{% translate "Login" %}</a>
<a href="https://discord.gg/DwZqPpA"> </li>
<img width="250px" src="https://discordapp.com/api/guilds/606162827274616845/widget.png?style=banner2" style="margin-bottom:5px" alt="42ctf discord server banner"> <li class="nav-item">
</a> <a class="nav-link" href="{% url 'accounts:signup' %}">{% translate "Sign Up" %}</a>
</div> </li>
<div class="col-lg-1 col-6"> {% endif %}
<a href="https://twitter.com/42ctf"> </ul>
<img width="50px" src="{% static "img/twitter.png" %}" alt="Twitter logo"> </div>
</a> </nav>
</div> </header>
<div class="col-lg-1 col-6 middle-md"> <div class="container main-div">
<a href="https://fr.linkedin.com/company/42ctf"> {% block content %}
<img width="50px" src="{% static "img/linkedin.png" %}" style="margin-bottom:5px" alt="Linkedin logo"> {% endblock %}
</a> </div>
</div> <footer class="container">
<div class="col-lg-4 col-12 bottom-md"> <div class="row">
<a href="https://www.paypal.com/donate/?hosted_button_id=M6YBYZ63MQGAY" target="_blank"> <div class="col-lg-4 col-12">
<img src="/static/img/paypal.png" width="250" style="margin-top: -20px;" alt="'Donate with Paypal' banner"> <a href="https://discord.gg/DwZqPpA">
</a> <img width="250px" src="https://discordapp.com/api/guilds/606162827274616845/widget.png?style=banner2" style="margin-bottom:5px" alt="42ctf discord server banner">
</div> </a>
<div class="col-lg-2 footer-text col-sm-12"> </div>
<p>42ctf@protonmail.com <br>Made with <img src="{% static "img/smoke.png" %}" width="20px" style="margin-top:-5px"> by <a href="https://ix-56h.github.io/">ix-56h</a> - <a href="{% url "cgu" %}">CGU</a></p> <div class="col-lg-1 col-6">
</div> <a href="https://twitter.com/42ctf">
</div> <img width="50px" src="{% static "img/twitter.png" %}" alt="Twitter logo">
</footer> </a>
<!-- Optional JavaScript --> </div>
<!-- jQuery first, then Popper.js, then Bootstrap JS --> <div class="col-lg-1 col-6 middle-md">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <a href="https://fr.linkedin.com/company/42ctf">
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <img width="50px" src="{% static "img/linkedin.png" %}" style="margin-bottom:5px" alt="Linkedin logo">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> </a>
</body> </div>
</html> <div class="col-lg-4 col-12 bottom-md">
<!-- <a href="https://www.patreon.com/42ctf" target="_blank" class="patreon">
<div class="patreon-content">
<span class="svg-box">
<svg viewBox="0 0 569 546" xmlns="http://www.w3.org/2000/svg"><g><circle cx="362.589996" cy="204.589996" data-fill="1" id="Oval" r="204.589996"></circle><rect data-fill="2" height="545.799988" id="Rectangle" width="100" x="0" y="0"></rect></g></svg>
</span>
<span class="patreon-text">
{% trans "Become a Patron!" %}
</span>
</div>
</a> -->
<a href="https://www.paypal.com/donate/?hosted_button_id=M6YBYZ63MQGAY" target="_blank">
<img src="/static/img/paypal.png" width="250" style="margin-top: -20px;" alt="'Donate with Paypal' banner">
</a>
</div>
<div class="col-lg-2 footer-text col-sm-12">
<p>42ctf@protonmail.com <br>Made with <img src="{% static "img/smoke.png" %}" width="20px" style="margin-top:-5px"> by <a href="https://ix-56h.github.io/">ix-56h</a> - <a href="{% url "cgu" %}">CGU</a></p>
</div>
</div>
</footer>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>