diff options
10 files changed, 120 insertions, 74 deletions
diff --git a/pydis_site/static/css/base/themes.css b/pydis_site/static/css/base/themes.css index 35273d44..ab0c8b6b 100644 --- a/pydis_site/static/css/base/themes.css +++ b/pydis_site/static/css/base/themes.css @@ -1,67 +1,67 @@ /* Theme switch toggle */ .switch { - position: relative; - height: 2em; - width: 4em; - cursor: pointer; + position: relative; + height: 2em; + width: 4em; + cursor: pointer; } .switch-outer { - position: absolute; - height: 100%; - width: 100%; - border-radius: 2em; - transition: background-color 0.3s ease-out; + position: absolute; + height: 100%; + width: 100%; + border-radius: 2em; + transition: background-color 0.3s ease-out; } .switch.dark .switch-outer { - background-color: #22272E; + background-color: #22272E; } .switch.light .switch-outer { - background-color: #3f61d9; + background-color: #3f61d9; } .knob { - position: absolute; - padding-top: 20%; - height: 70%; - width: 37.5%; - border-radius: 10em; - transition: all 0.5s ease-out; + position: absolute; + padding-top: 20%; + height: 70%; + width: 37.5%; + border-radius: 10em; + transition: all 0.5s ease-out; } .knob.dark { - background-color: #586282; - margin: 7% auto auto 8%; + background-color: #586282; + margin: 7% auto auto 8%; } .knob.light { - background-color: #364c94; - margin: 7% auto auto 56%; + background-color: #364c94; + margin: 7% auto auto 56%; } .theme-icon { - position: absolute !important; - --ggs: 0.75; - transition: opacity 0.3s ease-out; + position: absolute !important; + --ggs: 0.75; + transition: opacity 0.3s ease-out; } .theme-icon.light { - left: 10%; - top: 15% + left: 10%; + top: 15% } .theme-icon.dark { - right: 10%; - top: 20% + right: 10%; + top: 20% } .switch.dark .theme-icon.light { - opacity: 0; + opacity: 0; } .switch.light .theme-icon.dark { - opacity: 0; + opacity: 0; } diff --git a/pydis_site/static/css/events/base.css b/pydis_site/static/css/events/base.css index 9e244ed9..dc6183d7 100644 --- a/pydis_site/static/css/events/base.css +++ b/pydis_site/static/css/events/base.css @@ -12,9 +12,27 @@ pre { } .panel .panel-heading { - /* - * Remove whitespace between the panel heading and the first item in a panel, - * since it makes the first panel item taller than the others. - */ - margin-bottom: 0 !important + /* + * Remove whitespace between the panel heading and the first item in a panel, + * since it makes the first panel item taller than the others. + */ + margin-bottom: 0 !important +} + +.sponsor { + border-radius: .1rem; + padding: .3rem; +} + +.sponsor img { + display: block; + margin: auto; +} + +.box .sponsor { + margin-bottom: 1rem; +} + +[data-theme="dark"] .sponsor { + background-color: #EDEDED; } diff --git a/pydis_site/templates/events/pages/code-jams/10/_index.html b/pydis_site/templates/events/pages/code-jams/10/_index.html index 388f0df0..9adaffa8 100644 --- a/pydis_site/templates/events/pages/code-jams/10/_index.html +++ b/pydis_site/templates/events/pages/code-jams/10/_index.html @@ -56,7 +56,7 @@ <h3 id="submissions"><a href="#submissions">Submissions</a></h3> <p> By the end of the jam, 17 teams made project submissions. Check them all out here: - <div class="has-text-centered"><a class="button is-link" href="submissions">View Submissions</a></div> + <div class="has-text-centered"><a class="button is-primary" href="submissions">View Submissions</a></div> </p> <h3 id="important-dates"><a href="#important-dates">Important Dates</a></h3> @@ -93,7 +93,7 @@ <div class="card mb-4"> <div class="card-content"> <div class="media"> - <div class="media-left" style="max-width:150px"> + <div class="media-left sponsor" style="max-width:150px"> <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains"> </div> <div class="media-content"> diff --git a/pydis_site/templates/events/pages/code-jams/8/_index.html b/pydis_site/templates/events/pages/code-jams/8/_index.html index 0d613e2c..cc8de6b1 100644 --- a/pydis_site/templates/events/pages/code-jams/8/_index.html +++ b/pydis_site/templates/events/pages/code-jams/8/_index.html @@ -65,7 +65,7 @@ <h3 id="submissions"><a href="#submissions">Submissions</a></h3> <p> 63 teams started out on July 9th 2021. By the end of the jam, 51 teams made project submissions. Check them all out here: - <div class="has-text-centered"><a class="button is-link" href="submissions">View Submissions</a></div> + <div class="has-text-centered"><a class="button is-primary" href="submissions">View Submissions</a></div> </p> <h3 id="important-dates"><a href="#important-dates">Important Dates</a></h3> @@ -91,7 +91,7 @@ The qualifier is a coding challenge that you are required to complete before registering for the code jam. This is meant as a basic assessment of your skills to ensure you have enough Python knowledge to effectively contribute in a team environment. </p> - <p class="has-text-centered"><a class="button is-link" href="https://github.com/python-discord/cj8-qualifier" target="_blank" rel="noopener">View the Qualifier</a></p> + <p class="has-text-centered"><a class="button is-primary" href="https://github.com/python-discord/cj8-qualifier" target="_blank" rel="noopener">View the Qualifier</a></p> <p> Please note the requirements for the qualifier. <ul> @@ -111,7 +111,7 @@ <div class="card mb-4 has-background-white-bis"> <div class="card-content"> <div class="media"> - <div class="media-left" style="max-width:150px"> + <div class="media-left sponsor" style="max-width:150px"> <img src="{% static "images/events/DO_Logo_Vertical_Blue.png" %}" alt="Digital Ocean"> </div> <div class="media-content"> @@ -130,7 +130,7 @@ <div class="card mb-4 has-background-white-bis"> <div class="card-content"> <div class="media"> - <div class="media-left" style="max-width:150px"> + <div class="media-left sponsor" style="max-width:150px"> <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains"> </div> <div class="media-content"> @@ -149,7 +149,7 @@ <div class="card mb has-background-white-bis"> <div class="card-content"> <div class="media"> - <div class="media-left" style="max-width:150px"> + <div class="media-left sponsor" style="max-width:150px"> <img src="{% static "images/events/Tabnine.png" %}" alt="Tabnine"> </div> <div class="media-content"> diff --git a/pydis_site/templates/events/pages/code-jams/9/_index.html b/pydis_site/templates/events/pages/code-jams/9/_index.html index 5c094b22..aa4c6915 100644 --- a/pydis_site/templates/events/pages/code-jams/9/_index.html +++ b/pydis_site/templates/events/pages/code-jams/9/_index.html @@ -58,7 +58,7 @@ <h3 id="submissions"><a href="#submissions">Submissions</a></h3> <p> By the end of the jam, 20+ teams made project submissions. Check them all out here: - <div class="has-text-centered"><a class="button is-link" href="submissions">View Submissions</a></div> + <div class="has-text-centered"><a class="button is-primary" href="submissions">View Submissions</a></div> </p> <h3 id="important-dates"><a href="#important-dates">Important Dates</a></h3> @@ -77,7 +77,7 @@ The qualifier is a coding challenge that you are required to complete before registering for the code jam. This is meant as a basic assessment of your skills to ensure you have enough Python knowledge to effectively contribute in a team environment. </p> - <p class="has-text-centered"><a class="button is-link" href="https://github.com/python-discord/code-jam-qualifier-9/" target="_blank" rel="noopener">View the Qualifier</a></p> + <p class="has-text-centered"><a class="button is-primary" href="https://github.com/python-discord/code-jam-qualifier-9/" target="_blank" rel="noopener">View the Qualifier</a></p> <p> Please note the requirements for the qualifier. <ul> @@ -104,7 +104,7 @@ <div class="card mb-4"> <div class="card-content"> <div class="media"> - <div class="media-left" style="max-width:150px"> + <div class="media-left sponsor" style="max-width:150px"> <img src="{% static "images/events/DO_Logo_Vertical_Blue.png" %}" alt="Digital Ocean"> </div> <div class="media-content"> @@ -123,7 +123,7 @@ <div class="card mb-4"> <div class="card-content"> <div class="media"> - <div class="media-left" style="max-width:150px"> + <div class="media-left sponsor" style="max-width:150px"> <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains"> </div> <div class="media-content"> @@ -143,7 +143,7 @@ <div class="card mb"> <div class="card-content"> <div class="media"> - <div class="media-left" style="max-width:150px"> + <div class="media-left sponsor" style="max-width:150px"> <img src="{% static "images/events/Replit.png" %}" alt="Replit"> </div> <div class="media-content"> diff --git a/pydis_site/templates/events/sidebar/code-jams/6.html b/pydis_site/templates/events/sidebar/code-jams/6.html index 95a1f247..c09d9aab 100644 --- a/pydis_site/templates/events/sidebar/code-jams/6.html +++ b/pydis_site/templates/events/sidebar/code-jams/6.html @@ -1,6 +1,14 @@ <div class="box"> <img src="https://raw.githubusercontent.com/python-discord/branding/master/events/winer_code_jam_2020/code%20jam%206%20-%20website%20banner.png" alt=""> <p class="menu-label">Sponsors:</p> - <p><a href="https://do.co/devmeetup" target="_new"><img src="https://d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/developer-cloud/3f06d1cb-do-logo-blue-svg.svg" style="width: 100%;" alt=""></a></p> - <p><a href="https://jetbrains.com" target="_new"><img src="https://pythondiscord.com/static/images/sponsors/jetbrains.png" alt=""></a></p> + <p> + <div class="sponsor"> + <a href="https://do.co/devmeetup" target="_new"><img src="https://d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/developer-cloud/3f06d1cb-do-logo-blue-svg.svg" style="width: 100%;" alt=""></a> + </div> + </p> + <p> + <div class="sponsor"> + <a href="https://jetbrains.com" target="_new"><img src="https://pythondiscord.com/static/images/sponsors/jetbrains.png" alt=""></a> + </div> + </p> </div> diff --git a/pydis_site/templates/events/sidebar/code-jams/7.html b/pydis_site/templates/events/sidebar/code-jams/7.html index 4aefdbd9..3381d3ae 100644 --- a/pydis_site/templates/events/sidebar/code-jams/7.html +++ b/pydis_site/templates/events/sidebar/code-jams/7.html @@ -3,10 +3,14 @@ <div class="box"> <img src="https://raw.githubusercontent.com/python-discord/branding/master/jams/summer_code_jam_2020/summer%20cj%202020%20discord%20banner.png" alt="Summer Code Jam 2020"> <p class="menu-label">Sponsors</p> - <a href="https://www.djangoproject.com/" target="_blank"> - <img src="https://static.djangoproject.com/img/logos/django-logo-positive.png" alt="Django"> - </a> - <a href="https://jetbrains.com" target="_blank"> - <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains"> - </a> + <div class="sponsor"> + <a href="https://www.djangoproject.com/" target="_blank"> + <img src="https://static.djangoproject.com/img/logos/django-logo-positive.png" alt="Django"> + </a> + </div> + <div class="sponsor"> + <a href="https://jetbrains.com" target="_blank"> + <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains"> + </a> + </div> </div> diff --git a/pydis_site/templates/events/sidebar/code-jams/8.html b/pydis_site/templates/events/sidebar/code-jams/8.html index 2bd695fc..4f9aca9d 100644 --- a/pydis_site/templates/events/sidebar/code-jams/8.html +++ b/pydis_site/templates/events/sidebar/code-jams/8.html @@ -11,13 +11,19 @@ <div class="box has-background-white-bis"> <img src="{% static "images/events/summer_code_jam_2021/banner.png" %}" alt="Summer Code Jam 2021"> <h4 class="menu-label">Our Sponsors</h4> - <a href="https://www.digitalocean.com/" target="_blank"> - <img src="{% static "images/events/DO_Logo_Vertical_Blue.png" %}" alt="Digital Ocean"> - </a> - <a href="https://jetbrains.com" target="_blank"> - <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains"> - </a> - <a href="https://www.tabnine.com/now?utm_source=discord&utm_medium=Ins&utm_campaign=PythonDis" target="_blank"> - <img src="{% static "images/events/Tabnine.png" %}" alt="Tabnine"> - </a> + <div class="sponsor"> + <a href="https://www.digitalocean.com/" target="_blank"> + <img src="{% static "images/events/DO_Logo_Vertical_Blue.png" %}" alt="Digital Ocean"> + </a> + </div> + <div class="sponsor"> + <a href="https://jetbrains.com" target="_blank"> + <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains"> + </a> + </div> + <div class="sponsor"> + <a href="https://www.tabnine.com/now?utm_source=discord&utm_medium=Ins&utm_campaign=PythonDis" target="_blank"> + <img src="{% static "images/events/Tabnine.png" %}" alt="Tabnine"> + </a> + </div> </div> diff --git a/pydis_site/templates/events/sidebar/code-jams/9.html b/pydis_site/templates/events/sidebar/code-jams/9.html index 2351973f..a312ed35 100644 --- a/pydis_site/templates/events/sidebar/code-jams/9.html +++ b/pydis_site/templates/events/sidebar/code-jams/9.html @@ -9,13 +9,19 @@ <div class="box"> <img src="{% static "images/events/summer_code_jam_2022/site_banner.png" %}" alt="Summer Code Jam 2022"> <h4 class="menu-label">Our Sponsors</h4> - <a href="https://www.digitalocean.com/" target="_blank"> - <img src="{% static "images/events/DO_Logo_Vertical_Blue.png" %}" alt="Digital Ocean"> - </a> - <a href="https://jetbrains.com" target="_blank"> - <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains"> - </a> - <a href="https://replit.com/" target="_blank"> - <img src="{% static "images/events/Replit.png" %}" alt="Replit"> - </a> + <div class="sponsor"> + <a href="https://www.digitalocean.com/" target="_blank"> + <img src="{% static "images/events/DO_Logo_Vertical_Blue.png" %}" alt="Digital Ocean"> + </a> + </div> + <div class="sponsor"> + <a href="https://jetbrains.com" target="_blank"> + <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains"> + </a> + </div> + <div class="sponsor"> + <a href="https://replit.com/" target="_blank"> + <img src="{% static "images/events/Replit.png" %}" alt="Replit"> + </a> + </div> </div> diff --git a/pydis_site/templates/events/sidebar/game-jams/2020.html b/pydis_site/templates/events/sidebar/game-jams/2020.html index 30042d2b..445132e6 100644 --- a/pydis_site/templates/events/sidebar/game-jams/2020.html +++ b/pydis_site/templates/events/sidebar/game-jams/2020.html @@ -1,6 +1,10 @@ <div class="box"> <p class="menu-label">Partners</p> - <p><a href="https://arcade.academy/" target="_new"><img src="https://i.imgur.com/CtY3Siv.png" style="width: 100%;" alt=""></a></p> + <p> + <div class="sponsor"> + <a href="https://arcade.academy/" target="_new"><img src="https://i.imgur.com/CtY3Siv.png" style="width: 100%;" alt=""></a> + </div> + </p> </div> <div class="box"> |