fixed about page

This commit is contained in:
anon 2022-09-13 17:04:04 -03:00
parent 658408b2e8
commit bf8ecb42ac
4 changed files with 106 additions and 62 deletions

View file

@ -6,6 +6,14 @@
.break { .break {
word-break: break-all; word-break: break-all;
} }
.link {
color: #d9534f;
}
.link:hover {
color: #ef6863;
text-decoration: none;
}
</style> </style>
{% endblock %} {% endblock %}
@ -24,17 +32,71 @@
<div class="row"> <div class="row">
<div class="col-xl-6 col-md-6 mb-4"> <div class="col-xl-6 col-md-6 mb-4">
<div class="row"> <div class="row">
<div class="col-xl-12 col-lg-12"> <div class="col-xl-12 col-md-6 mb-4">
<div class="card border-left-new"> <div class="card border-left-new">
<img class="card-img-top" src="{% static 'img/morpheus.jpeg' %}" alt="Morpheus"> <img class="card-img-top" src="{% static 'img/morpheus.jpeg' %}" alt="Morpheus">
</div> </div>
</div> </div>
</div><br> </div>
<div class="row"> <div class="row">
<div class="col-xl-12 col-md-6 mb-4"> <div class="col-xl-12 col-md-6 mb-4">
<div class="alert alert-success break" role="alert"> <div class="card border-left-new">
Liked this project? Help support it, funding us: <div class="card-body">
8Agy1JvbsttEV2Jp2ecyRLSoKiCQwr4f2FKjWh2dz8Q1Y4LXCxXDNBf5praUrc1v8vDSqHYUefqxkiLNgnjvDfQNQStwvP6 <div class="row no-gutters align-items-center">
<div class="col mr-2">
<div class="text-xs font-weight-bold text-info text-uppercase mb-1">
Twitter</div>
<div class="h5 mb-0 font-weight-bold text-gray-800"><a class="link"
href="https://twitter.com/CryptoMorpheus_"
target="_blank">@CryptoMorpheus_</a>
</div>
</div>
<div class="col-auto">
<i class="bx bxl-twitter text-gray-300"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-12 col-md-6 mb-4">
<div class="card border-left-new">
<div class="card-body">
<div class="row no-gutters align-items-center">
<div class="col mr-2">
<div class="text-xs font-weight-bold text-info text-uppercase mb-1">
E-mail</div>
<div class="h5 mb-0 font-weight-bold text-gray-800"><a class="link"
href="mailto:mail@moneroj.net" target="_blank">mail@moneroj.net</a>
</div>
</div>
<div class="col-auto">
<i class="bx bx-mail-send text-gray-300"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-12 col-md-6 mb-4">
<div class="card border-left-new">
<div class="card-body">
<div class="row no-gutters align-items-center">
<div class="col mr-2">
<div class="text-xs font-weight-bold text-info text-uppercase mb-1">
Hidden Service</div>
<div class="h5 mb-0 font-weight-bold text-gray-800"><a class="link"
href="http://ilt7jgmfro76wgrtt6752lvfnhcz6wk5sjqhyvntjixygp3cwpvr4nad.onion"
target="_blank">Onion Link</a>
</div>
</div>
<div class="col-auto">
<i class="bx bx-hide fa-2x text-gray-300"></i>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -44,14 +106,14 @@
<div class="col-xl-12 col-md-6 mb-4"> <div class="col-xl-12 col-md-6 mb-4">
<div class="card border-left-new"> <div class="card border-left-new">
<div class="card-body"> <div class="card-body">
<h5 class="card-title text-white">Hi,</h5> <h4 class="card-text text-white">About this website</h4>
<p class="card-text text-white"> <p class="card-text text-white" style="text-align: justify; text-justify: inter-word;">
You can call me Morpheus. I made this website to help fellow members of Monero's Hi, you can call me Morpheus. I made this website to help fellow members of Monero's
community understand it, visualize adoption and to compare it against other community understand it, visualize adoption and to compare it against other
projects such as Bitcoin or its competitors projects such as Bitcoin or its competitors
on the privacy market. This project was made without any intention for profit, on the privacy market. This project was made without any intention for profit,
and is maintained by my own funds. If you liked it and want to help and is maintained by my own funds. If you liked it and want to help
the project, you can donate some XMR. Also, all type of suggestions are welcome! the project, you can donate some XMR. Also, all type of suggestions are welcome!<br><br>
I do believe Monero is like no other currency, since it has true privacy I do believe Monero is like no other currency, since it has true privacy
(optional privacy is no privacy at all), (optional privacy is no privacy at all),
and also serves as a store of value (since it has an already small and yet and also serves as a store of value (since it has an already small and yet
@ -75,57 +137,39 @@
<div class="col-xl-12 col-md-6 mb-4"> <div class="col-xl-12 col-md-6 mb-4">
<div class="card border-left-new"> <div class="card border-left-new">
<div class="card-body"> <div class="card-body">
<div class="row no-gutters align-items-center"> <h4 class="card-text text-white">Crowdfunding to help us</h4>
<div class="col mr-2"> <p class="card-text text-white" style="text-align: justify; text-justify: inter-word;">
<div class="text-xs font-weight-bold text-info text-uppercase mb-1"> Moneroj.net needs help to pay for server expenses and development. There's 25
Twitter</div> new charts since the CCS Proposal, our new TOR link and a new Articles section.
<div class="h5 mb-0 font-weight-bold text-gray-800"><a Also major loading speed improvement on the Charts.
href="https://twitter.com/CryptoMorpheus_" target="_blank">@CryptoMorpheus_</a> <a class="link" href="https://moneroj.net/article/New-charts-released,-and-why-we-gave-up-the-CCS-Proposal">
</div> Read more about it.
</div> </a>
<div class="col-auto"> </p>
<i class="bx bxl-twitter text-gray-300"></i> <p class="card-text text-white" style="text-align: justify; text-justify: inter-word;">
</div> <text class="break">
</div> Donation address: 8Agy1JvbsttEV2Jp2ecyRLSoKiCQwr4f2FKjWh2dz8Q1Y4LXCxXDNBf5praUrc1v8vDSqHYUefqxkiLNgnjvDfQNQStwvP6
</div> </text>
</div> </p>
</div>
</div>
<div class="row"> <div class="row">
<div class="col-xl-12 col-md-6 mb-4"> <div class="col">
<div class="card border-left-new"> <p class="card-text text-white">
<div class="card-body"> <i class="bx bx-user"></i> Morpheus
<div class="row no-gutters align-items-center"> <i class="bx bx-calendar"></i> May 11,<br>67 contributions
<div class="col mr-2"> </p>
<div class="text-xs font-weight-bold text-info text-uppercase mb-1"> </div>
E-mail</div> <div class="col">
<div class="h5 mb-0 font-weight-bold text-gray-800"><a <p style="text-align: right;" class="card-text text-white">
href="mailto:mail@moneroj.net" target="_blank">mail@moneroj.net</a> (manual update) <i class="bx bx-money"></i> Raised<br>21.04 of 46 XMR
</p>
</div> </div>
</div> </div>
<div class="col-auto"> <br>
<i class="bx bx-mail-send text-gray-300"></i> <div class="progress">
</div> <div class="progress-bar bg-danger" role="progressbar"
</div> style="width: 46%; color: #ff4d21" aria-valuenow="21.06" aria-valuemin="0"
</div> aria-valuemax="46"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-12 col-md-6 mb-4">
<div class="card border-left-new">
<div class="card-body">
<div class="row no-gutters align-items-center">
<div class="col mr-2">
<div class="text-xs font-weight-bold text-info text-uppercase mb-1">
Hidden Service</div>
<div class="h5 mb-0 font-weight-bold text-gray-800"><a
href="http://ilt7jgmfro76wgrtt6752lvfnhcz6wk5sjqhyvntjixygp3cwpvr4nad.onion" target="_blank">Onion Link</a>
</div>
</div>
<div class="col-auto">
<i class="bx bx-hide fa-2x text-gray-300"></i>
</div>
</div> </div>
</div> </div>
</div> </div>

View file

@ -111,7 +111,7 @@
</div> </div>
</div> </div>
<div class="progress"> <div class="progress">
<div class="progress-bar bg-danger" role="progressbar" style="width: 46%; color: #ff4d21" <div class="progress-bar" role="progressbar" style="width: 46%; background: #ff4d21"
aria-valuenow="21.04" aria-valuemin="0" aria-valuemax="46"></div> aria-valuenow="21.04" aria-valuemin="0" aria-valuemax="46"></div>
</div> </div>
</div> </div>

View file

@ -23,7 +23,7 @@
--success: #28a745; --success: #28a745;
--info: #17a2b8; --info: #17a2b8;
--warning: #ffc107; --warning: #ffc107;
--danger: #dc3545; --danger: # class="link";
--light: #f8f9fa; --light: #f8f9fa;
--dark: #343a40; --dark: #343a40;
--breakpoint-xs: 0; --breakpoint-xs: 0;

View file

@ -65,8 +65,8 @@
</button> </button>
<div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent"> <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item active"> <li class="nav-item">
<a class="nav-link" href="{% url 'charts:index' %}">Home <span class="sr-only">(current)</span></a> <a class="nav-link" href="{% url 'charts:index' %}">Home</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="{% url 'charts:sfmodel' %}">Charts</a> <a class="nav-link" href="{% url 'charts:sfmodel' %}">Charts</a>