-
Notifications
You must be signed in to change notification settings - Fork 56
/
Copy pathfooter.astro
144 lines (138 loc) · 5.32 KB
/
footer.astro
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
---
import SidebarItem from "./sidebarComponents/sidebarItem.astro";
import CucodersLogo from "./ui/cucodersLogo.astro";
---
<footer
class="hidden sm:block p-4 mt-8 bg-white border border-gray-300 border-x-0 shadow md:px-6 md:py-8 dark:bg-gray-900 dark:border-gray-700"
>
<nav class="flex items-center justify-center flex-col container mx-auto">
<a href="/" class="flex items-center mb-6 dar:text-white">
<CucodersLogo classes="h-7 mr-3 sm:h-8 dark:fill-gray-100" />
</a>
<ul class="flex flex-wrap items-center mb-6 justify-center text-sm text-gray-500 sm:mb-0 dark:text-gray-400">
<li>
<a href="/acerca-de" class="mr-4 hover:underline md:mr-6">Acerca de</a>
</li>
<li>
<a href="/terminos-y-condiciones" class="mr-4 hover:underline md:mr-6">Términos y condiciones</a>
</li>
<li>
<a href="/licencia" class="mr-4 hover:underline md:mr-6">Licencia</a>
</li>
<li>
<a
href="https://github.com/CuCodersCommunity/cucoderscommunity.github.io/issues/new"
target="_blank"
class="mr-4 hover:underline md:mr-6">Enviar Feedback</a
>
</li>
<li>
</li>
<li>
<a href="https://github.com/cucoderscommunity" target="_blank" class="mr-4 hover:underline md:mr-6">GitHub</a>
</li>
<li>
<a href="https://twitter.com/CuCoders_" target="_blank" class="mr-4 hover:underline md:mr-6">Twitter</a>
</li>
<li>
<a href="https://t.me/cucoders" target="_blank" class="mr-4 hover:underline md:mr-6">Telegram</a>
</li>
<li>
<a href="/rss.xml" target="_blank" class="hover:underline">RSS</a>
</li>
</ul>
</nav>
<hr class="my-5 border-gray-300 sm:mx-auto dark:border-gray-700 lg:my-6" />
<span class="block text-sm text-gray-500 text-center dark:text-gray-400">© 2023 CuCoders. Hecho con ❤️ en Cuba 🇨🇺</span>
</footer>
<div class="sm:hidden pt-20"></div>
<footer
class="sm:hidden px-3 py-1 bg-white/80 backdrop-blur-md dark:bg-gray-900/80 dark:border-gray-700 -mb-[1px] bottom-0 border border-b-0 border-x-0 shadow fixed justify-around flex left-0 z-20 w-full"
>
<a href="/">
<img
src="/assets/img/icons/outline-home.svg"
class="h-9 w-9 m-2 rounded-md p-1 dark:invert dark:contrast-200 dark:saturate-0"
alt="Inicio"
/></a
>
<a href="/directorio">
<img
src="/assets/img/icons/people-group-outline.svg"
class="h-9 w-9 m-2 rounded-md p-1 dark:invert dark:contrast-200 dark:saturate-0"
alt="Directorio"
/></a
>
<button
data-drawer-target="drawer-footer"
data-drawer-show="drawer-footer"
data-drawer-placement="bottom"
aria-controls="drawer-footer"
aria-label="Open new menu"
>
<img
src="/assets/img/icons/add-menu.svg"
class="h-9 w-9 m-2 rounded-md p-1 dark:invert dark:contrast-200 dark:saturate-0"
alt="Nuevo"
/></button
>
<a href="/eventos">
<img
src="/assets/img/icons/event-available-outline.svg"
class="h-9 w-9 m-2 rounded-md p-1 dark:invert dark:contrast-200 dark:saturate-0"
alt="Eventos"
/></a
>
<a href="/empleos">
<img
src="/assets/img/icons/briefcase-line.svg"
class="h-9 w-9 m-2 rounded-md p-1 dark:invert dark:contrast-200 dark:saturate-0"
alt="Empleos"
/></a
>
</footer>
<!-- drawer component -->
<div
id="drawer-footer"
class="fixed bottom-0 left-0 right-0 rounded-t-lg z-40 w-full p-4 overflow-y-auto transition-transform bg-white dark:bg-gray-800 translate-y-full"
tabindex="-1"
aria-labelledby="drawer-bottom-label"
>
<h5
id="drawer-bottom-label"
class="inline-flex items-center mb-4 text-base font-semibold text-gray-500 dark:text-gray-400"
>
Publicar
</h5>
<button
type="button"
data-drawer-hide="drawer-footer"
aria-controls="drawer-footer"
class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 absolute top-2.5 right-2.5 inline-flex items-center dark:hover:bg-gray-600 dark:hover:text-white"
>
<svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"
><path
fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path></svg
>
<span class="sr-only">Close menu</span>
</button>
<ul class="space-y-2 mb-2 dark:border-gray-700 pointer-events-none opacity-50" id="footer-logged-user-actions">
<SidebarItem text="Publicar Artículo" url="/nueva-publicacion" />
<SidebarItem text="Adicionar Aplicación" url="/nueva-app" />
</ul>
<ul class="space-y-2 dark:border-gray-700">
<SidebarItem text="Publicar Empleo" url="/nuevo-empleo" />
<SidebarItem text="Crear Evento" url="/nuevo-evento" />
<SidebarItem text="Adicionar Recurso" url="/nuevo-recurso" />
</ul>
</div>
<script>
import { isUserLogged } from "./helpers/user";
if (isUserLogged()) {
const actionsMenu = document.getElementById("footer-logged-user-actions");
actionsMenu && actionsMenu.classList.remove("opacity-50", "pointer-events-none");
}
</script>