Commit cefabeb4 authored by leonrod's avatar leonrod Committed by Gustavo Hermínio de Araújo
Browse files

Home page redesign

parent 9061050a
-----BEGIN CERTIFICATE-----
MIIDnDCCAwWgAwIBAgIJALKeJKf+daQbMA0GCSqGSIb3DQEBBQUAMIGRMQswCQYD
VQQGEwJCUjELMAkGA1UECBMCR08xEDAOBgNVBAcTB0dvaWFuaWExDjAMBgNVBAoT
BUZJQlJFMQ4wDAYDVQQLEwVGSUJSRTEQMA4GA1UEAxMHZmVkLW9tZjEQMA4GA1UE
KRMHZmVkLW9tZjEfMB0GCSqGSIb3DQEJARYQbWFpbEBob3N0LmRvbWFpbjAeFw0x
MzAxMjIyMjI5NTRaFw0yMzAxMjAyMjI5NTRaMIGRMQswCQYDVQQGEwJCUjELMAkG
A1UECBMCR08xEDAOBgNVBAcTB0dvaWFuaWExDjAMBgNVBAoTBUZJQlJFMQ4wDAYD
VQQLEwVGSUJSRTEQMA4GA1UEAxMHZmVkLW9tZjEQMA4GA1UEKRMHZmVkLW9tZjEf
MB0GCSqGSIb3DQEJARYQbWFpbEBob3N0LmRvbWFpbjCBnzANBgkqhkiG9w0BAQEF
AAOBjQAwgYkCgYEAr5ceOjy6hz9j3v15NTTCoyREbnm+tPJRkbqlKzPFua2PZxts
hfKaCoK0w/Sz3JDgwahQxTSvmXffiu40KhTgRmZmCCpXHSXm7mDl10Pd35ykQc2j
ARsssrw3efdNVZ8v9YJAQ23EXaCKNxFWIGPNu7CrAsZkT5Ldf88PEkLpna0CAwEA
AaOB+TCB9jAdBgNVHQ4EFgQUfzk9i6XhJhR53fv8XDlPNXJroegwgcYGA1UdIwSB
vjCBu4AUfzk9i6XhJhR53fv8XDlPNXJroeihgZekgZQwgZExCzAJBgNVBAYTAkJS
MQswCQYDVQQIEwJHTzEQMA4GA1UEBxMHR29pYW5pYTEOMAwGA1UEChMFRklCUkUx
DjAMBgNVBAsTBUZJQlJFMRAwDgYDVQQDEwdmZWQtb21mMRAwDgYDVQQpEwdmZWQt
b21mMR8wHQYJKoZIhvcNAQkBFhBtYWlsQGhvc3QuZG9tYWluggkAsp4kp/51pBsw
DAYDVR0TBAUwAwEB/zANBgkqhkiG9w0BAQUFAAOBgQBEK93Tk6pHS3TOvtZQU4BU
O9tnzKikaCmvfbeiTAlv4+f5BfKqXsUG3erl6J7dFKBDzMNkJe7hTX6ZE3omwDSA
RuZL7VNQ7oR9KdU0Hm1fBoCeWby+yJbZePbwQQ/xnTKEo/ToeIKAy66wuW+9JMsb
nAqz/L+P0wVQ12PnNiWC/g==
-----END CERTIFICATE-----
client
dev tun
proto udp
port 1192
remote 200.130.15.189
remote-cert-tls server
resolv-retry infinite
nobind
persist-key
persist-tun
ca ca.crt
comp-lzo
verb 3
auth-user-pass
dhcp-option DNS 10.128.0.80
# Generated by Django 2.1.7 on 2020-03-12 12:56
import datetime
from django.db import migrations, models
class Migration(migrations.Migration):
dependencies = [
('portal', '0016_auto_20190521_1418'),
]
operations = [
migrations.AlterField(
model_name='useraccountactivationtoken',
name='request_date',
field=models.DateTimeField(default=datetime.datetime(2020, 3, 12, 12, 56, 53, 814850)),
),
migrations.AlterField(
model_name='userpasswordresettoken',
name='request_date',
field=models.DateTimeField(default=datetime.datetime(2020, 3, 12, 12, 56, 53, 814208)),
),
]
/*page split*/
.split {
display: flex;
flex-direction: row;
}
.split .left {
float: left;
width: 50%;
background: #337ab7;
color: #fff;
padding: 20px;
}
.split .rigth {
float: right;
width: 50%;
border: 1px solid #eee;
background-color: #f8f8f8;
}
.split .left a {
color: #fff;
text-decoration: underline;
}
/*or connect with cafe - line division*/
.line-center{
margin:0;
padding:0 20px;
background:#f8f8f8;
display:inline-block;
}
h2{
text-align:center;
position:relative;
z-index:2;
}
h2:after{
content:"";
position:absolute;
top:50%;
left:5%;
right:5%;
border-top:solid 1px #e7e7e7;
z-index:-1;
}
/*Maintenance calendar Title*/
#one {
margin-top: 30px;
margin-left: -20px;
padding:20px;
display: flex;
align-items: center;
height: 10px;
width: 100%;
}
.corner {
width: 100px;
background: #eee;
color: #888;
margin: 10px;
position: relative;
}
.corner:after, .corner:before {
content: "";
position: absolute;
left: 100%;
width: 20px;
height: 50%;
}
.corner:before {
top: 0px;
background: linear-gradient(to top right, #eee 50%, transparent 51%);
}
.corner:after {
bottom: 0px;
background: linear-gradient(to bottom right, #eee 50%, transparent 51%);
}
...@@ -37,6 +37,9 @@ ...@@ -37,6 +37,9 @@
<link href="{% static 'plugins/toastr/toastr.min.css' %}" rel="stylesheet"/> <link href="{% static 'plugins/toastr/toastr.min.css' %}" rel="stylesheet"/>
<script src="{% static 'plugins/toastr/toastr.min.js' %}"></script> <script src="{% static 'plugins/toastr/toastr.min.js' %}"></script>
<!--home page design-->
<link rel="stylesheet" href="{% static 'css/home.css' %}">
<script type="text/javascript"> <script type="text/javascript">
function getCookie(name) { function getCookie(name) {
var cookieValue = null; var cookieValue = null;
......
...@@ -11,162 +11,78 @@ ...@@ -11,162 +11,78 @@
{% endif %} {% endif %}
<div class="row"> <div class="split">
<div class="col-lg-7"> <div class="left center-block">
<div> <div>
<h3>Welcome to FIBRE</h3> <h1>Welcome to FIBRE</h1>
<p>This page gives access to a remote experimental infrastructure (or testbed) <br>
for tests with computer networks and distributed systems, mainly involving <p>This page gives access to a remote experimental infrastructure (or testbed)
wireless and wired devices. This testbed is part of the project FIBRE, for tests with computer networks and distributed systems, mainly involving
an initiative between Brazil and Europe.</p> wireless and wired devices. This testbed is part of the project FIBRE,
</div> an initiative between Brazil and Europe.</p>
</div>
<div>
<p>FIBRE is open to any researcher, professor or student from any institution to test new applications and network architecture models.</p> <div>
{% if not request.session.member_urn %} <p>FIBRE is open to any researcher, professor or student from any institution to test new applications and network architecture models.</p>
<p>If you have an account, please click in <a href="https://portal.fibre.org.br/Login">Sign in</a> below. Otherwise, you could just fill in an registration form.</p> {% if not request.session.member_urn %}
{% endif %} <p>If you have an account, please click in <a href="https://portal.fibre.org.br/Login">Sign in</a>
below. Otherwise, you could just fill in an registration form.</p>
</div> {% endif %}
</div>
<div>For further information about FIBRE-BR, please access the links below:
<p>About FIBRE project: <div>For further information about FIBRE-BR, please access the links below:
<a href="http://www.fibre.org.br" target="_blank">http://www.fibre.org.br</a> <p>About FIBRE project:
</p> <a href="http://www.fibre.org.br" target="_blank">http://www.fibre.org.br</a>
</p>
<p>FIBRE Wiki:
<a href="https://wiki.rnp.br/display/fibre/Home" target="_blank">https://wiki.rnp.br/display/fibre/Home </a> <p>
</p> FIBRE Wiki:
</div> <a href="https://wiki.rnp.br/display/fibre/Home" target="_blank">https://wiki.rnp.br/display/fibre/Home </a>
</p>
<div>Support channels </div>
<p>Public mailing list: <a href="http://listas.rnp.br/mailman/listinfo/fibre-info" target="_blank">http://listas.rnp.br/mailman/listinfo/fibre-info</a></p>
<p>Users mailing list: <a href="http://listas.rnp.br/mailman/listinfo/fibre-users" target="_blank">http://listas.rnp.br/mailman/listinfo/fibre-users</a></p> <div>
</div> <h4>Support channels</h4>
</div> <p>Public mailing list: <a href="http://listas.rnp.br/mailman/listinfo/fibre-info" target="_blank">http://listas.rnp.br/mailman/listinfo/fibre-info</a></p>
<div class="col-lg-5" style="margin-top: 1em"> <p>Users mailing list: <a href="http://listas.rnp.br/mailman/listinfo/fibre-users" target="_blank">http://listas.rnp.br/mailman/listinfo/fibre-users</a></p>
<iframe src =https://calendar.google.com/calendar/embed?src=dubvn3b0ghm7l1d3u95ipm45g0@group.calendar.google.com&ctz=America/Sao_Paulo&hl=en width="400" height="300" frameborder="0" scrolling="no" align="right"></iframe> <p style="font-size: 13px;">
</div> To report bugs, problems or questions contact us at
</div> <a href="mailto:atendimento@rnp.br" >atendimento@rnp.br</a>
</p>
{% if not request.session.member_urn %} </div>
<div id="one" class="corner">
<div style="display: flex;"> <h4>Maintenance Calendar</h4>
<div style="border: 1px solid; border-color: #eee; width:480; border-radius: 5px;" class="center-block"> </div>
<div style="display: flex; align-items: center; justify-content: center; padding: 20px;">
<!-- <iframe src =https://calendar.google.com/calendar/embed?src=dubvn3b0ghm7l1d3u95ipm45g0@group.calendar.google.com&ctz=America/Sao_Paulo&hl=en width="100%" height="300" frameborder="0" scrolling="no" align="right"></iframe>
<div style="height:60px; background-color:#f3f3f3"> </div>
<div class="col-xs-12" style="height:100%; margin:10px"> </div>
<h4 style="text-align:center">I have an account</h4>
</div> {% if not request.session.member_urn %}
</div> -->
<div class="rigth center-block">
<img src="{% static 'images/fibre_brand.png' %}" class="img-responsive">
<div style="display: flex;" class="center-block"> <div style="width: 80%; display: flex; align-items: center; margin-bottom: 15px;" class="center-block">
<div style="display: flex; flex-direction: column; width: 100%;"> <a href="https://portal.fibre.org.br/Login" role="button" class="btn btn-primary btn-lg btn-block">Sign in</a>
<img src="{% static "images/fibre_brand.png" %}" class="img-responsive "> </div>
<div style="display: flex;"> <a style="font-size: 16px; display:block; text-align:center;" href="{% url 'portal:password_reset_form' %}" >Forgot your password?</a>
<div style="width: 50%; margin: 15px;" class="center-block"> <div style=" text-align:center; margin-top: 20px; color: #888; font-size: 15px; " class="center-block">
<a href="https://portal.fibre.org.br/Login" role="button" class="btn btn-primary btn-lg btn-block">Sign in</a> Don't have an account? <a href="{% url 'portal:account_request_form' %}" role="button">Sign up</a>
<a style="margin-top: 10px; display: inline-block;" href="{% url 'portal:password_reset_form' %}" >Forgot your password?</a> </div>
</div> <!--cafeLogin-->
<div style="width: 50%; margin: 15px;" class="center-block"> <br>
<a href="{% url 'portal:account_request_form' %}" role="button" class="btn btn-primary btn-lg btn-block">Sign up</a> <h2><span class="line-center" style="color: #888; font-size: 15px;">or connect with CAFe</span></h2>
</div> <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 60px;">
</div> <img src="{% static 'images/cafe_logo.png' %}" class="img-responsive" >
</div> <div style="width: 80%; margin-top: 25px; ">
</div> <a href="https://portal.fibre.org.br/Cafe" role="button1" class="btn btn-primary btn-lg btn-block">Login with CAFe</a>
</div> </div>
</div>
<div style="border: 1px solid; border-color: #eee; width:480; border-radius: 5px; align-self: center;" class="center-block"> </div>
<!-- {% endif %}
<div style="height:60px; background-color:#f3f3f3">
<div class="col-xs-12" style="height:100%; margin:10px"> </div>
<h4 style="text-align:center">I have an account</h4>
</div> {% endblock content %}
</div> --> \ No newline at end of file
<div style="display: flex;" class="center-block">
<div style="width: 50%; padding: 15px; display: flex; flex-direction: column; align-self: flex-end;" class="center-block">
<img src="{% static "images/cafe_logo.png" %}" alt="">
<a href="https://portal.fibre.org.br/Cafe" role="button" class="btn btn-primary btn-lg btn-block">Login with CAFe</a>
</div>
<div style="width: 50%; padding: 15px; display: flex; flex-direction: column; align-self: flex-end;" class="center-block">
<img src="{% static "images/cafex_logo.png" %}" alt="">
<a href="https://portal.fibre.org.br/DS" role="button" class="btn btn-primary btn-lg btn-block">Login with<br>CAFe Expresso</a>
</div>
</div>
</div></div>
<!-- <div style="border: 1px solid; border-color: #ddd; width:480px; display: table; margin: 0 auto; display: none;" id="local-sign-in"> -->
<!--
<div style="height:60px; background-color:#f3f3f3">
<div class="col-xs-12" style="height:100%; margin:10px">
<h4 style="text-align:center">Access using local account</h4>
</div>
</div>
<form class="form-horizontal" role="form" action="" method="post" style="margin-bottom:0px">
<div style="display:none">
<input name="utf8" value="✓" type="hidden">
<input name="authenticity_token" value="U7R1gZoegUCcp4hIY6og327/C0prG+R/Sqz+b5yIrbw=" type="hidden">
</div>
<div style="padding-left:15px; height:120px; background-color:#fff;">
{% csrf_token %}
{% for field in form %}
<div class="form-group{% if field.errors %} has-error {% endif %}">
<div class="col-sm-3 ">
<label for="{{ field.id_for_label }}" class="control-label">{{ field.label }}</label>
</div>
<div class=" col-sm-9">
{{field}}
</div>
</div>
{{field.non_field_errors }}
{{field.errors}}
<script type="text/javascript">
{% if field.errors %} toggleDiv('local-sign-in') {% endif %}
</script>
{% endfor %}
</div>
<div style="height:50px; background-color:#f3f3f3;">
<div class="col-xs-7" style="height:100%; padding:15px">
<a href="{% url 'portal:password_reset_form' %}" >Forgot your password?</a>
</div>
<div class="col-xs-5" align="right" style="height:100%; padding:9px">
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</div>
</form>
</div> -->
<!--
<div style="margin-top:10px" >
<p> <a href="{% url 'portal:password_reset_form' %}" >Forgot your password?</a> </p>
</div>
<div style="margin-top:10px" >
<p> If you do not have login, request an account <a href="{% url 'portal:account_request_form' %}" >here.</a></p>
</div>
-->
{% endif %}
{% endblock content %}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment