Skip to content

Commit

Permalink
Brand update (#220)
Browse files Browse the repository at this point in the history
  • Loading branch information
@keunes
keunes authored May 8, 2023
1 parent e8ca2c4 commit 85cd716
Show file tree
Hide file tree
Showing 40 changed files with 706 additions and 524 deletions.
2 changes: 1 addition & 1 deletion _blog/2020-09-04-New icon.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
title: New icon
excerpt: Announcing the poll results and our new icon
date: "2020-09-04 12:00:00"
image: "default.png"
image: "2020/default.png"
author: bytehamster
layout: blog
guid: https://antennapod.org/blog/2020/09/new-icon
Expand Down
2 changes: 1 addition & 1 deletion _includes/event-card.html
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<div class="card event-card mb-4">
<a class="stretched-link" href="{{ site.baseurl }}{{ event.url | replace:'.html','' }}"></a>
<img src="/assets/images/events/{% if page.image %}{{ event.image }}{% else %}default.png{% endif %}" loading="lazy" />
<img src="/assets/{% if page.image %}images/events/{{ event.image }}{% else %}branding/covers/Cover_001.png{% endif %}" loading="lazy" />
<div class="card-body">
<h3 class="card-title">{{ event.title }}</h3>
<h4 class="card-subtitle text-muted mb-2">
Expand Down
2 changes: 1 addition & 1 deletion _includes/footer.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
<div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
<div class="col-12 col-lg-4 col-md-12 mb-3">
<div class="small mb-4 mb-lg-3"><a href="/{% if site.lang != 'en' %}{{ site.lang }}{% endif %}"><img
src="{{ site.baseurl_root }}/assets/logos/logo.png" width="260px" /></a></div>
src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260px" /></a></div>
<p class="size-14 color-gray-900 mb-3">{% t footer.description %}</p>
</div>
<div class="col-0 col-lg-2"></div>
Expand Down
18 changes: 10 additions & 8 deletions _includes/head.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@
{% elsif page.image %}
/assets/images/{{ page.image }}
{% else %}
/assets/images/blog/default.png
/assets/branding/covers/Cover_001.png
{% endif %}
{% endcapture %}
{% assign image = image | strip | prepend: site.url %}
Expand All @@ -48,13 +48,15 @@
<meta property="og:site_name" content="{{ site.title }}">

<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicons/favicon-16x16.png">
<link rel="mask-icon" href="/assets/images/favicons/safari-pinned-tab.svg" color="#2a854e">
<meta name="msapplication-TileColor" content="#2a854e">
<meta name="theme-color" content="#2a854e">
<link rel="shortcut icon" href="/assets/images/favicons/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/branding/favicons/apple-touch-icon.png?v=2">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/branding/favicons/favicon-32x32.png?v=2">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/branding/favicons/favicon-16x16.png?v=2">
<link rel="manifest" href="/assets/branding/favicons/site.webmanifest?v=2">
<link rel="mask-icon" href="/assets/branding/favicons/safari-pinned-tab.svg?v=2" color="#364ff3">
<link rel="shortcut icon" href="/assets/branding/favicons/favicon.ico?v=2">
<meta name="msapplication-TileColor" content="#364ff3">
<meta name="msapplication-config" content="/assets/branding/favicons/browserconfig.xml?v=2">
<meta name="theme-color" content="#ffffff">

<!-- Resources -->
<link rel="stylesheet" href="/assets/css/main.css">
Expand Down
139 changes: 73 additions & 66 deletions _includes/nav.html
View file
Original file line number Diff line number Diff line change
@@ -1,77 +1,84 @@
<div class="container-fluid fixed background-gray-100">
<div class="container py-4">
<div class="navbar navbar-expand-xl justify-content-between">
<div>
<a href="/{% if site.lang != 'en' %}{{ site.lang }}{% endif %}">
<img class="smallermobile" src="/assets/logos/logo.png" id="mainlogo" />
</a>
</div>
<div class="collapse navbar-collapse flex-grow-0 weight-500">
<div class="navbar-nav align-items-center">
{% for link in site.data.navbar %}
<div class="nav-item ml-2">
<a class="nav-link" href="{% unless link.url contains 'http' %}{{ site.baseurl }}{% endunless %}{{ link.url }}">{% t {{ link.key }} %}</a>
</div>
{% endfor %}
<div class="nav-item ml-0 ml-sm-1 text-center">
<li class="nav-item dropdown mb-0">
<button class="nav-link dropdown-toggle" id="navbarDropdown" aria-label="{% t generic.accessibility.lang-menu %}"
role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-globe size-16 color-gray-900"></i><span
class="ml-1 size-16 color-gray-900 weight-600">{{ site.lang | upcase }}</span>
</button>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
{% include nav_languages.html %}
</div>
</li>
</div>
</div>
<div class="w-100 fixed background-gray-100">
<div class="container px-0 py-2 py-md-4">
<div class="navbar navbar-expand-xl">

<div class="col">
<a href="/{% if site.lang != 'en' %}{{ site.lang }}{% endif %}">
<img src="/assets/branding/logo-full-horizontal-dynamic.svg" id="mainlogo" />
</a>
</div>

<div class="col-auto">
<div class="collapse navbar-collapse flex-grow-0 weight-500">
<div class="navbar-nav align-items-center">
{% for link in site.data.navbar %}
<div class="nav-item ml-2">
<a class="nav-link" href="{% unless link.url contains 'http' %}{{ site.baseurl }}{% endunless %}{{ link.url }}">{% t {{ link.key }} %}</a>
</div>
<div class="d-xl-none">
<div class="nav-item text-center d-inline-block">
<div class="nav-item dropdown">
<button class="nav-link dropdown-toggle" id="navbarDropdown" aria-label="{% t generic.accessibility.lang-menu %}"
role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-globe size-16 color-gray-900"></i><span
class="ml-1 size-16 color-gray-900 weight-600">{{ site.lang | upcase }}</span>
</button>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
{% include nav_languages.html %}
</div>
</div>
{% endfor %}
<div class="nav-item ml-2 ml-sm-1 text-center">
<li class="nav-item dropdown mb-0">
<button class="nav-link dropdown-toggle" id="navbarDropdown" aria-label="{% t generic.accessibility.lang-menu %}"
role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-globe size-16 color-gray-900"></i><span
class="ml-1 size-16 color-gray-900 weight-600">{{ site.lang | upcase }}</span>
</button>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
{% include nav_languages.html %}
</div>
<button class="navbar-toggler" onclick="openNav()"><img
src="{{ site.baseurl_root }}/assets/images/icons/burger.svg" /></button>
</li>
</div>
</div>
</div>

<div id="navbar-mobile" class="overlay">
<button class="closebtn" onclick="closeNav()">&times;</button>
<div class="overlay-header">
<img src="{{ site.baseurl_root }}/assets/logos/icon.png" width="80px" height="auto"
alt="{% t generic.accessibility.logo %}" />
</div>
<div class="overlay-content">
{% for link in site.data.navbar %}
<a href="{% unless link.url contains 'http' %}{{ site.baseurl }}{% endunless %}{{ link.url }}">{% t {{ link.key }} %}</a>
{% endfor %}
</div>
<div class="overlay-footer">
{% if site.twitter_username %}
<a class="mr-2 color-gray-900" href="https://twitter.com/{{ site.twitter_username }}" target="_blank"
rel="noopener"><i class="fab fa-twitter mr-1"></i>Twitter</a>
{% endif %}
{% if site.mastodon_username %}
<a class="mr-2 color-gray-900" href="https://{{ site.mastodon_server }}/@{{ site.mastodon_username }}" target="_blank"
rel="me noopener"><i class="fab fa-mastodon mr-1"></i>Mastodon</a>
{% endif %}
{% if site.github_username %}
<a class="mr-2 color-gray-900" href="https://github.com/{{ site.github_username }}" target="_blank"
rel="noopener"><i class="fab fa-github mr-1"></i>GitHub</a>
{% endif %}
<div class="d-xl-none">
<div class="nav-item text-center d-inline-block">
<div class="nav-item dropdown">
<button class="nav-link dropdown-toggle" id="navbarDropdown" aria-label="{% t generic.accessibility.lang-menu %}"
role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-globe size-16 color-gray-900"></i><span
class="ml-1 size-16 color-gray-900 weight-600">{{ site.lang | upcase }}</span>
</button>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
{% include nav_languages.html %}
</div>
</div>
</div>

<button class="navbar-toggler" onclick="openNav()"><img
src="{{ site.baseurl_root }}/assets/images/icons/burger.svg" /></button>
</div>

</div>
</div>

<div id="navbar-mobile" class="overlay">
<button class="closebtn" onclick="closeNav()">&times;</button>
<div class="overlay-header">
<img src="/assets/branding/logo-icon.svg" width="80px" height="auto"
alt="{% t generic.accessibility.logo %}" />
</div>
<div class="overlay-content">
{% for link in site.data.navbar %}
<a href="{% unless link.url contains 'http' %}{{ site.baseurl }}{% endunless %}{{ link.url }}">{% t {{ link.key }} %}</a>
{% endfor %}
</div>
<div class="overlay-footer">
{% if site.twitter_username %}
<a class="mr-2 color-gray-900" href="https://twitter.com/{{ site.twitter_username }}" target="_blank"
rel="noopener"><i class="fab fa-twitter mr-1"></i>Twitter</a>
{% endif %}
{% if site.mastodon_username %}
<a class="mr-2 color-gray-900" href="https://{{ site.mastodon_server }}/@{{ site.mastodon_username }}" target="_blank"
rel="me noopener"><i class="fab fa-mastodon mr-1"></i>Mastodon</a>
{% endif %}
{% if site.github_username %}
<a class="mr-2 color-gray-900" href="https://github.com/{{ site.github_username }}" target="_blank"
rel="noopener"><i class="fab fa-github mr-1"></i>GitHub</a>
{% endif %}
</div>
</div>
</div>
</div>

<script>
Expand Down
2 changes: 1 addition & 1 deletion _layouts/event.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ <h1>{{ page.title }}</h1>
{% if page.summary %}<p>{{ page.summary }}</p>{% endif %}
</div>
<div class="card">
<img src="/assets/images/events/{% if page.image %}{{ event.image }}{% else %}default.png{% endif %}" loading="lazy" />
<img src="/assets/{% if page.image %}images/events/{{ event.image }}{% else %}branding/covers/Cover_001.png{% endif %}" loading="lazy" />
<div class="card-body">
<p class="card-text font-italic capitalise-first-letter" >
{% capture nowunix %}{{ 'now' | date: '%s' }}{% endcapture %}
Expand Down
8 changes: 4 additions & 4 deletions _sass/_colors.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,13 +5,13 @@ $black: #000;
// Brand palette

$brand-list: (
"primary": #177ef0,
"secondary": #23a7ff,
"lightblue": #c0e6fb,
"primary": #1b8bf6,
"secondary": #364ff3,
"lightblue": #16d0ff,
"green": #4ad373,
"red": #ff5353,
"gray": #f6f6f6,
"dark": #3f3f3f,
"dark": #001937,
"gradient": #c0e6fb,
);

Expand Down
4 changes: 4 additions & 0 deletions _sass/_custom.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,10 @@ body {

// Navbar

#mainlogo {
max-width: 100%;
}

.fixed {
position: sticky;
top: 0;
Expand Down
Binary file added assets/branding/covers/Cover_001.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/branding/favicons/android-chrome-192x192.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/branding/favicons/android-chrome-512x512.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/branding/favicons/apple-touch-icon.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
9 changes: 9 additions & 0 deletions assets/branding/favicons/browserconfig.xml
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
<msapplication>
<tile>
<square150x150logo src="/assets/branding/favicons/mstile-150x150.png?v=2"/>
<TileColor>#364ff3</TileColor>
</tile>
</msapplication>
</browserconfig>
Binary file added assets/branding/favicons/favicon-16x16.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/branding/favicons/favicon-32x32.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/branding/favicons/favicon.ico
View file
Binary file not shown.
Binary file added assets/branding/favicons/mstile-144x144.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/branding/favicons/mstile-150x150.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/branding/favicons/mstile-310x150.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/branding/favicons/mstile-310x310.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/branding/favicons/mstile-70x70.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
75 changes: 75 additions & 0 deletions assets/branding/favicons/safari-pinned-tab.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
18 changes: 18 additions & 0 deletions assets/branding/favicons/site.webmanifest
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
{
"name": "AntennaPod website",
"short_name": "AntennaPod",
"icons": [
{
"src": "/assets/branding/favicons/android-chrome-192x192.png?v=2",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/assets/branding/favicons/android-chrome-512x512.png?v=2",
"sizes": "512x512",
"type": "image/png"
}
],
"theme_color": "#ffffff",
"background_color": "#ffffff"
}
Loading

0 comments on commit 85cd716

Please sign in to comment.