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. 45
      www/templates/_partial/navbar.html
  7. 54
      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

45
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;
@ -30,7 +28,7 @@
z-index:-1;
transition: height ease-in-out 1s;
}
@media only screen and (min-width:2560px) {
.announcement {
width:100%;
@ -40,47 +38,46 @@
}
}
@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;
}
}
@media only screen
and (min-device-width:360px)
@media only screen
and (min-device-width:360px)
and (max-device-width:412px) {
.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;
}
}
@media only screen
and (min-device-width: 375px)
and (max-device-width: 812px)
@media only screen
and (min-device-width: 375px)
and (max-device-width: 812px)
and (-webkit-min-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;
@ -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">

54
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,17 +196,17 @@
<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>
{% blocktranslate trimmed %}
Exposure through new Silver member group press releases with social media promotion
Exposure through new Silver member group press releases with social media promotion
{% endblocktranslate %}
</li>
<li>{% translate 'AlmaLinux member logo on your site' %}</li>
@ -215,23 +215,23 @@
</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
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>
{% blocktranslate trimmed %}
Membership launch blog announcing your Gold/Platinum membership
Membership launch blog announcing your Gold/Platinum membership
{% endblocktranslate %}
</li>
</ul>
@ -240,10 +240,10 @@
<ul>
<li>
{% blocktranslate trimmed %}
Your company logo on AlmaLinux website in up three sections/categories
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>
@ -272,23 +272,23 @@
<td>{% translate 'Alternative contribution' %}</td>
<td>
{% blocktranslate trimmed %}
per membership committee confirmation:
Any contribution of hardware or services based on board approval
per membership committee confirmation:
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' %}
<li>
{% blocktranslate trimmed %}
annual service credits or hardware donation valued at $20,000 or more
annual service credits or hardware donation valued at $20,000 or more
{% endblocktranslate %}
</li>
</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