Browse Source

updat the navbar and sponsor member area

pull/74/head
sakelestemur 3 years ago
parent
commit
4357c8300b
  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

Binary file not shown.

After

Width:  |  Height:  |  Size: 120 B

BIN
static/images/down-arrow.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
static/images/mobile-x15.webp

Binary file not shown.

Before

Width:  |  Height:  |  Size: 720 KiB

BIN
static/images/mobile.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 239 KiB

BIN
static/images/up-arrow.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

45
www/templates/_partial/navbar.html

@ -9,9 +9,7 @@
top:0; top:0;
width: 100%; width: 100%;
} }
.navbar{
padding-top: 0px !important;
}
label { label {
display: inline-block; display: inline-block;
position: absolute; position: absolute;
@ -30,7 +28,7 @@
z-index:-1; z-index:-1;
transition: height ease-in-out 1s; transition: height ease-in-out 1s;
} }
@media only screen and (min-width:2560px) { @media only screen and (min-width:2560px) {
.announcement { .announcement {
width:100%; width:100%;
@ -40,47 +38,46 @@
} }
} }
@media only screen and (min-device-width: 375px) @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 { .announcement {
width:100%; width:100%;
height: 395px; height: 395px;
background:url("{% static 'images/mobile-x15.webp' %}") #0E2236; background:url("{% static 'images/mobile.png' %}") #0E2236;
background-position:top; background-position:top;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: contain;
} }
.chk + .chk-label span { .chk + .chk-label span {
display:none; display:none;
} }
} }
@media only screen @media only screen
and (min-device-width:360px) and (min-device-width:360px)
and (max-device-width:412px) { and (max-device-width:412px) {
.announcement { .announcement {
width:100%; width:100%;
height: 395px; height: 395px;
background:url("{% static 'images/mobile-x15.webp' %}") #0E2236; background:url("{% static 'images/mobile.png' %}") #0E2236;
background-position:top; background-position:top;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: contain;
} }
.chk + .chk-label span { .chk + .chk-label span {
display:none; display:none;
} }
} }
@media only screen @media only screen
and (min-device-width: 375px) and (min-device-width: 375px)
and (max-device-width: 812px) and (max-device-width: 812px)
and (-webkit-min-device-pixel-ratio: 3) { and (-webkit-min-device-pixel-ratio: 3) {
.announcement { .announcement {
width:100%; width:100%;
height: 395px; height: 395px;
background:url("{% static 'images/mobile-x15.webp' %}") #0E2236; background:url("{% static 'images/mobile.png' %}") #0E2236;
background-position:top; background-position:top;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: contain;
} }
.chk + .chk-label span { .chk + .chk-label span {
display:none; display:none;
@ -96,12 +93,12 @@
right:50px; right:50px;
top:15px; top:15px;
z-index:1; 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; border-radius:100px;
cursor:pointer; cursor:pointer;
} }
.chk:checked + .chk-label span { .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 { .chk:checked ~ .sticky-link .announcement {
height:100px; height:100px;
@ -116,17 +113,17 @@
right:15px; right:15px;
top:15px; top:15px;
z-index:1; 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; border-radius:100px;
cursor:pointer; cursor:pointer;
} }
#chk-close:checked + .chk-close-label span { #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> </style>
<nav id="al-primary-navbar" <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"> <div class="sticky">
<input type="checkbox" id="chk" class="chk" /> <input type="checkbox" id="chk" class="chk" />
<label for="chk" class="chk-label"><span></span></label> <label for="chk" class="chk-label"><span></span></label>
@ -137,7 +134,7 @@
</a> </a>
</div> </div>
<div class="container"> <div class="container my-3">
<a class="navbar-brand" href="{% url 'index' %}"> <a class="navbar-brand" href="{% url 'index' %}">
<img src="{% static 'images/logo.svg' %}" alt="{% translate 'AlmaLinux OS logo' %}" width="165.93" <img src="{% static 'images/logo.svg' %}" alt="{% translate 'AlmaLinux OS logo' %}" width="165.93"
height="32"> height="32">

54
www/templates/foundation/members/index.html

@ -57,9 +57,9 @@
{% endblocktranslate %} {% endblocktranslate %}
</p> </p>
<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 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> <b>available here</b>
</a> </a>
{% endblocktranslate %} {% endblocktranslate %}
@ -166,27 +166,27 @@
<tr> <tr>
<td></td> <td></td>
<td></td> <td></td>
<td>{% translate 'All of the Silver membership benefits plus…' %}</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 Gold membership benefits, plus...' %}</td>
</tr> </tr>
<tr> <tr>
<td>{% translate 'Voting benefits' %}</td> <td>{% translate 'Voting benefits' %}</td>
<td>{% translate 'a potential seat on the board of directors' %} <td>{% translate 'a potential seat on the board of directors' %}
<ul> <ul>
<li>{% translate 'be able to nominate someone' %}</li> <li>{% translate 'Opportunity to nominate someone for election to the board of directors' %}</li>
<li>{% translate '5 votes for a board seat' %}</li> <li>{% translate '5 votes for each open board seat' %}</li>
</ul> </ul>
</td> </td>
<td>{% translate 'a potential seat on the board of directors' %} <td>{% translate 'a potential seat on the board of directors' %}
<ul> <ul>
<li>{% translate 'be able to nominate someone' %}</li> <li>{% translate 'Opportunity to nominate someone for election to the board of directors' %}</li>
<li>{% translate '15 votes for a board seat' %}</li> <li>{% translate '15 votes for each open board seat' %}</li>
</ul> </ul>
</td> </td>
<td>{% translate 'a potential seat on the board of directors' %} <td>{% translate 'a potential seat on the board of directors' %}
<ul> <ul>
<li>{% translate 'be able to nominate someone' %}' %}</li> <li>{% translate 'Opportunity to nominate someone for election to the board of directors' %}</li>
<li>{% translate '50 votes for a board seat' %}</li> <li>{% translate '50 votes for each open board seat' %}</li>
</ul> </ul>
</td> </td>
</tr> </tr>
@ -196,17 +196,17 @@
<ul> <ul>
<li> <li>
{% blocktranslate trimmed %} {% 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 %} {% endblocktranslate %}
</li> </li>
<li> <li>
{% blocktranslate trimmed %} {% 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 %} {% endblocktranslate %}
</li> </li>
<li> <li>
{% blocktranslate trimmed %} {% 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 %} {% endblocktranslate %}
</li> </li>
<li>{% translate 'AlmaLinux member logo on your site' %}</li> <li>{% translate 'AlmaLinux member logo on your site' %}</li>
@ -215,23 +215,23 @@
</td> </td>
<td> <td>
<ul> <ul>
<li>{% translate 'Priority access to sponsorship at events' %} <li>{% translate 'Priority access to sponsorship at any AlmaLinux organized events' %}
</li> </li>
<li> <li>
{% blocktranslate trimmed %} {% 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 %} {% endblocktranslate %}
</li> </li>
<li>{% translate '1 sponsored webinar per year1' %}</li> <li>{% translate '1 sponsored webinar per year<sup>1</sup>' %}</li>
<li>{% translate 'four sponsored blog posts per year1' %}</li> <li>{% translate 'four sponsored blog posts per year<sup>1</sup>' %}</li>
<li> <li>
{% blocktranslate trimmed %} {% 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 %} {% endblocktranslate %}
</li> </li>
<li> <li>
{% blocktranslate trimmed %} {% blocktranslate trimmed %}
Membership launch blog announcing your Gold/Platinum membership Membership launch blog announcing your Gold/Platinum membership
{% endblocktranslate %} {% endblocktranslate %}
</li> </li>
</ul> </ul>
@ -240,10 +240,10 @@
<ul> <ul>
<li> <li>
{% blocktranslate trimmed %} {% 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 %} {% endblocktranslate %}
</li> </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> <li>{% translate 'Dedicated press release announcing membership' %}</li>
</ul> </ul>
</td> </td>
@ -255,7 +255,7 @@
<ul> <ul>
<li> <li>
{% blocktranslate trimmed %} {% 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 %} {% endblocktranslate %}
</li> </li>
</ul> </ul>
@ -272,23 +272,23 @@
<td>{% translate 'Alternative contribution' %}</td> <td>{% translate 'Alternative contribution' %}</td>
<td> <td>
{% blocktranslate trimmed %} {% blocktranslate trimmed %}
per membership committee confirmation: per membership committee confirmation:
Any contribution of hardware or services based on board approval Any contribution of hardware or services based on board approval
{% endblocktranslate %} {% endblocktranslate %}
</td> </td>
<td>{% translate 'per membership committee confirmation:' %} <td>{% translate 'per board of directors confirmation:' %}
<ul> <ul>
<li>{% translate 'One dedicated FTE working on AlmaLinux' %}</li> <li>{% translate 'One dedicated FTE working on AlmaLinux' %}</li>
{% translate 'or' %} {% translate 'or' %}
<li> <li>
{% blocktranslate trimmed %} {% 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 %} {% endblocktranslate %}
</li> </li>
</ul> </ul>
</td> </td>
<td> <td>
{% translate 'per membership committee confirmation:' %} {% translate 'per board of directors confirmation:' %}
<ul> <ul>
<li>{% translate 'Three dedicated FTE working on AlmaLinux' %}</li> <li>{% translate 'Three dedicated FTE working on AlmaLinux' %}</li>
</ul> </ul>

Loading…
Cancel
Save