dockeruser
/
almalinux.org
mirror of https://github.com/AlmaLinux/almalinux.org.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

updat the navbar and sponsor member area

pull/74/head
sakelestemur 3 years ago
parent
007722e9a5
commit
4357c8300b
7 changed files with 48 additions and 51 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. BIN
      static/images/close-btn.png
  2. BIN
      static/images/down-arrow.png
  3. BIN
      static/images/mobile-x15.webp
  4. BIN
      static/images/mobile.png
  5. BIN
      static/images/up-arrow.png
  6. 29
      www/templates/_partial/navbar.html
  7. 40
      www/templates/foundation/members/index.html

BIN
static/images/close-btn.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 120 B

BIN
static/images/down-arrow.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
static/images/mobile-x15.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 720 KiB

BIN
static/images/mobile.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 239 KiB

BIN
static/images/up-arrow.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

29
www/templates/_partial/navbar.html
View File

@ -9,9 +9,7 @@
top:0;
width: 100%;
}
.navbar{
padding-top: 0px !important;
}
label {
display: inline-block;
position: absolute;
@ -40,14 +38,15 @@
}
}
@media only screen and (min-device-width: 375px)
and (max-device-width: 667px){
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (-webkit-max-device-pixel-ratio: 3) {
.announcement {
width:100%;
height: 395px;
background:url("{% static 'images/mobile-x15.webp' %}") #0E2236;
background:url("{% static 'images/mobile.png' %}") #0E2236;
background-position:top;
background-repeat: no-repeat;
background-size: contain;
}
.chk + .chk-label span {
display:none;
@ -60,10 +59,9 @@
.announcement {
width:100%;
height: 395px;
background:url("{% static 'images/mobile-x15.webp' %}") #0E2236;
background:url("{% static 'images/mobile.png' %}") #0E2236;
background-position:top;
background-repeat: no-repeat;
background-size: contain;
}
.chk + .chk-label span {
display:none;
@ -77,10 +75,9 @@
.announcement {
width:100%;
height: 395px;
background:url("{% static 'images/mobile-x15.webp' %}") #0E2236;
background:url("{% static 'images/mobile.png' %}") #0E2236;
background-position:top;
background-repeat: no-repeat;
background-size: contain;
}
.chk + .chk-label span {
display:none;
@ -96,12 +93,12 @@
right:50px;
top:15px;
z-index:1;
background:url("https://assets.codepen.io/28496/up-arrow.png") #fff;
background:url("{% static 'images/up-arrow.png' %}") #fff;
border-radius:100px;
cursor:pointer;
}
.chk:checked + .chk-label span {
background:url("https://assets.codepen.io/28496/down-arrow.png") #fff;
background:url("{% static 'images/down-arrow.png' %}") #fff;
}
.chk:checked ~ .sticky-link .announcement {
height:100px;
@ -116,17 +113,17 @@
right:15px;
top:15px;
z-index:1;
background:url("https://assets.codepen.io/28496/close-btn.png") #fff;
background:url("{% static 'images/close-btn.png' %}") #fff;
border-radius:100px;
cursor:pointer;
}
#chk-close:checked + .chk-close-label span {
background:url("https://assets.codepen.io/28496/close-btn.png") #fff;
background:url("{% static 'images/close-btn.png' %}") #fff;
}
</style>
<nav id="al-primary-navbar"
class="al-primary-navbar navbar sticky-top navbar-expand-lg navbar-dark flex-column {% if current_motd %}with-motd{% endif %}">
class="al-primary-navbar navbar py-0 sticky-top navbar-expand-lg navbar-dark flex-column {% if current_motd %}with-motd{% endif %}">
<div class="sticky">
<input type="checkbox" id="chk" class="chk" />
<label for="chk" class="chk-label"><span></span></label>
@ -137,7 +134,7 @@
</a>
</div>
<div class="container">
<div class="container my-3">
<a class="navbar-brand" href="{% url 'index' %}">
<img src="{% static 'images/logo.svg' %}" alt="{% translate 'AlmaLinux OS logo' %}" width="165.93"
height="32">

40
www/templates/foundation/members/index.html
View File

@ -57,9 +57,9 @@
{% endblocktranslate %}
</p>
<p>
{% blocktranslate trimmed with intro_link='https://drive.google.com/file/d/1xYkib2FECMoVy5olG9R9audYfGXpOLjf/view?usp=sharing' %}
{% blocktranslate trimmed with intro_link='https://drive.google.com/file/d/1Z73BBJ5_HY6nMUu3DxnPkFrlXYIpFaQ0/view' %}
Membership guidelines are
<a href="{{ intro_link }}" class="al-guideline-link">
<a href="{{ intro_link }}" class="al-guideline-link" target="_blank">
<b>available here</b>
</a>
{% endblocktranslate %}
@ -166,27 +166,27 @@
<tr>
<td></td>
<td></td>
<td>{% translate 'All of the Silver membership benefits plus…' %}</td>
<td>{% translate 'All of the Gold membership benefits' %}</td>
<td>{% translate 'All of the Silver membership benefits, plus...' %}</td>
<td>{% translate 'All of the Gold membership benefits, plus...' %}</td>
</tr>
<tr>
<td>{% translate 'Voting benefits' %}</td>
<td>{% translate 'a potential seat on the board of directors' %}
<ul>
<li>{% translate 'be able to nominate someone' %}</li>
<li>{% translate '5 votes for a board seat' %}</li>
<li>{% translate 'Opportunity to nominate someone for election to the board of directors' %}</li>
<li>{% translate '5 votes for each open board seat' %}</li>
</ul>
</td>
<td>{% translate 'a potential seat on the board of directors' %}
<ul>
<li>{% translate 'be able to nominate someone' %}</li>
<li>{% translate '15 votes for a board seat' %}</li>
<li>{% translate 'Opportunity to nominate someone for election to the board of directors' %}</li>
<li>{% translate '15 votes for each open board seat' %}</li>
</ul>
</td>
<td>{% translate 'a potential seat on the board of directors' %}
<ul>
<li>{% translate 'be able to nominate someone' %}' %}</li>
<li>{% translate '50 votes for a board seat' %}</li>
<li>{% translate 'Opportunity to nominate someone for election to the board of directors' %}</li>
<li>{% translate '50 votes for each open board seat' %}</li>
</ul>
</td>
</tr>
@ -196,12 +196,12 @@
<ul>
<li>
{% blocktranslate trimmed %}
Your company logo on almalinux website (in one section/category of the website only)
Your company logo on AlmaLinux website (in one section/category of the website only)
{% endblocktranslate %}
</li>
<li>
{% blocktranslate trimmed %}
Have your companys events featured on our events.almalinux.org community calendar
Have your company's events featured on our events.almalinux.org community calendar
{% endblocktranslate %}
</li>
<li>
@ -215,18 +215,18 @@
</td>
<td>
<ul>
<li>{% translate 'Priority access to sponsorship at events' %}
<li>{% translate 'Priority access to sponsorship at any AlmaLinux organized events' %}
</li>
<li>
{% blocktranslate trimmed %}
Your company logo on AlmaLinux website in up two sections/categories
{% endblocktranslate %}
</li>
<li>{% translate '1 sponsored webinar per year1' %}</li>
<li>{% translate 'four sponsored blog posts per year1' %}</li>
<li>{% translate '1 sponsored webinar per year<sup>1</sup>' %}</li>
<li>{% translate 'four sponsored blog posts per year<sup>1</sup>' %}</li>
<li>
{% blocktranslate trimmed %}
AlmaLinux will assist in promoting your social media for Linux related content (e.g. tweets and retweets)
AlmaLinux will assist in promoting your appropriate social media for Linux-related content (e.g. tweets and retweets)<sup>1</sup>
{% endblocktranslate %}
</li>
<li>
@ -243,7 +243,7 @@
Your company logo on AlmaLinux website in up three sections/categories
{% endblocktranslate %}
</li>
<li>{% translate '2 sponsored webinars per year1' %}</li>
<li>{% translate '2 sponsored webinars per year<sup>1</sup>' %}</li>
<li>{% translate 'Dedicated press release announcing membership' %}</li>
</ul>
</td>
@ -255,7 +255,7 @@
<ul>
<li>
{% blocktranslate trimmed %}
Direct access to AlmaLinux executives and staff to help with consultation, planning, and engagement opportunities, including advance information on upcoming announcements and projects.
Direct access to AlmaLinux executives and staff to help with consultation, planning, and engagement opportunities, including advance information on upcoming announcements and projects
{% endblocktranslate %}
</li>
</ul>
@ -276,7 +276,7 @@
Any contribution of hardware or services based on board approval
{% endblocktranslate %}
</td>
<td>{% translate 'per membership committee confirmation:' %}
<td>{% translate 'per board of directors confirmation:' %}
<ul>
<li>{% translate 'One dedicated FTE working on AlmaLinux' %}</li>
{% translate 'or' %}
@ -288,7 +288,7 @@
</ul>
</td>
<td>
{% translate 'per membership committee confirmation:' %}
{% translate 'per board of directors confirmation:' %}
<ul>
<li>{% translate 'Three dedicated FTE working on AlmaLinux' %}</li>
</ul>

Write Preview
Loading…
Cancel
Save