Skip to content

Commit

Permalink
fix: Bullet list, refactor socials component (#51)
Browse files Browse the repository at this point in the history
  • Loading branch information
@zorexsalvo
zorexsalvo authored Jan 18, 2024
1 parent 0f66436 commit f7ae6f4
Show file tree
Hide file tree
Showing 5 changed files with 48 additions and 91 deletions.
15 changes: 13 additions & 2 deletions config/static/css/pycon.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -129,7 +129,7 @@ h4 {
display: inline-block;
cursor: pointer;
}

.tooltip .tooltip-box {
display: none;
position: absolute;
Expand All @@ -148,4 +148,15 @@ h4 {
.tooltip:hover .tooltip-box {
display: block;
width: 400px;
}
}

/* Styles for the bullet contents */

ul > li {
color: white !important;
list-style-type: "✦ ";
}

.no-bullet {
list-style-type: none !important;
}
28 changes: 1 addition & 27 deletions config/templates/footer-slim.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,33 +15,7 @@
<p class="text-white text-16 text-center max-w-325 mx-auto">
Message us at [email protected] for questions and inquiries
</p>
<ul class="flex justify-center mb-20">
<li>
<a href="https://pythonph.slack.com" class="no-underline" target="_blank">
<img class="h-22 mr-18 hover:opacity-70" src="{% static 'img/icon/icon-slack.svg' %}" alt="slack" />
</a>
</li>
<li>
<a href="https://www.facebook.com/pyconph" class="no-underline" target="_blank">
<img class="h-22 mr-18 hover:opacity-70" src="{% static 'img/icon/icon-facebook.svg' %}" alt="facebook" />
</a>
</li>
<li>
<a href="https://github.com/pythonph" class="no-underline" target="_blank">
<img class="h-22 mr-18 hover:opacity-70" src="{% static 'img/icon/icon-github.svg' %}" alt="github" />
</a>
</li>
<li>
<a href="https://twitter.com/pyconph" class="no-underline" target="_blank">
<img class="h-22 mr-18 hover:opacity-70" src="{% static 'img/icon/icon-twitter.svg' %}" alt="twitter" />
</a>
</li>
<li>
<a href="https://www.instagram.com/pythonph/" class="no-underline" target="_blank">
<img class="h-24 hover:opacity-70" src="{% static 'img/icon/icon-instagram.svg' %}" alt="instagram" />
</a>
</li>
</ul>
{% include "socials.html" %}
<p class="text-center text-14">
This site is built using Django and Wagtail.
</p>
Expand Down
28 changes: 1 addition & 27 deletions config/templates/footer.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -70,33 +70,7 @@ <h2 class="text-24 md:text-16 text-white mb-20">License</h2>
<p class="text-white text-16 text-center max-w-325 mx-auto">
Message us at [email protected] for questions and inquiries
</p>
<ul class="flex justify-center mb-20">
<li>
<a href="https://discord.gg/nuWfkhR4vM" class="no-underline" target="_blank">
<img class="h-22 mr-18 hover:opacity-70" src="{% static 'img/icon/icon-discord.svg' %}" alt="discord" />
</a>
</li>
<li>
<a href="https://www.facebook.com/pyconph" class="no-underline" target="_blank">
<img class="h-22 mr-18 hover:opacity-70" src="{% static 'img/icon/icon-facebook.svg' %}" alt="facebook" />
</a>
</li>
<li>
<a href="https://github.com/pythonph" class="no-underline" target="_blank">
<img class="h-22 mr-18 hover:opacity-70" src="{% static 'img/icon/icon-github.svg' %}" alt="github" />
</a>
</li>
<li>
<a href="https://twitter.com/pyconph" class="no-underline" target="_blank">
<img class="h-22 mr-18 hover:opacity-70" src="{% static 'img/icon/icon-twitter.svg' %}" alt="twitter" />
</a>
</li>
<li>
<a href="https://www.instagram.com/pythonph/" class="no-underline" target="_blank">
<img class="h-24 hover:opacity-70" src="{% static 'img/icon/icon-instagram.svg' %}" alt="instagram" />
</a>
</li>
</ul>
{% include "socials.html" %}
<p class="text-center text-14">
This site is built using Django and Wagtail.
</p>
Expand Down
30 changes: 30 additions & 0 deletions config/templates/socials.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
{% load static %}

<ul class="flex justify-center mb-20">
<li class="no-bullet">
<a href="https://discord.gg/nuWfkhR4vM" class="no-underline" target="_blank">
<img class="h-22 mr-18 hover:opacity-70" src="{% static 'img/icon/icon-discord.svg' %}" alt="discord" />
</a>
</li>
<li class="no-bullet">
<a href="https://www.facebook.com/pyconph" class="no-underline" target="_blank">
<img class="h-22 mr-18 hover:opacity-70" src="{% static 'img/icon/icon-facebook.svg' %}" alt="facebook" />
</a>
</li>
<li class="no-bullet">
<a href="https://github.com/pythonph" class="no-underline" target="_blank">
<img class="h-22 mr-18 hover:opacity-70" src="{% static 'img/icon/icon-github.svg' %}" alt="github" />
</a>
</li>
<li class="no-bullet">
<a href="https://twitter.com/pyconph" class="no-underline" target="_blank">
<img class="h-22 mr-18 hover:opacity-70" src="{% static 'img/icon/icon-twitter.svg' %}" alt="twitter" />
</a>
</li>
<li class="no-bullet">
<a href="https://www.instagram.com/pythonph/" class="no-underline" target="_blank">
<img class="h-24 hover:opacity-70" src="{% static 'img/icon/icon-instagram.svg' %}" alt="instagram" />
</a>
</li>
</ul>

38 changes: 3 additions & 35 deletions pyconph/home/templates/home/_nav.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@
<ul class="mb-15">
{% for page in page.get_children %}
{% if page.show_in_menus and page.live %}
<li class="text-center mb-10">
<li class="text-center mb-10 no-bullet">
<a href="{{ page.url }}" class="no-underline text-24 md:text-48 text-white font-medium hover:opacity-80">{{ page.title }}</a>
</li>
{% endif %}
Expand All @@ -45,39 +45,7 @@
Message us at [email protected] for questions and
inquiries
</p>
<ul class="flex justify-center">
<li>
<a href="https://discord.gg/nuWfkhR4vM" class="no-underline" target="_blank">
<img class="h-22 mr-18 hover:opacity-70" src="{% static 'img/icon/icon-discord.svg' %}"
alt="discord" />
</a>
</li>

<li>
<a href="https://www.facebook.com/pyconph" target="_blank">
<img class="h-22 mr-18 hover:opacity-70" src="{% static 'img/icon/icon-facebook.svg' %}"
alt="facebook" />
</a>
</li>
<li>
<a href="https://github.com/pythonph" target="_blank">
<img class="h-22 mr-18 hover:opacity-70" src="{% static 'img/icon/icon-github.svg' %}"
alt="github" />
</a>
</li>
<li>
<a href="https://twitter.com/pyconph" target="_blank">
<img class="h-22 mr-18 hover:opacity-70" src="{% static 'img/icon/icon-twitter.svg' %}"
alt="twiter" />
</a>
</li>
<li>
<a href="https://www.instagram.com/pythonph/" target="_blank">
<img class="h-24 hover:opacity-70" src="{% static 'img/icon/icon-instagram.svg' %}"
alt="instagram" />
</a>
</li>
</ul>
{% include "socials.html" %}
</div>
</nav>
</header>
</header>

0 comments on commit f7ae6f4

Please sign in to comment.