diff --git a/static/css/home.collectivecinema.css b/static/css/home.collectivecinema.css
index 1532b2b..face38b 100644
--- a/static/css/home.collectivecinema.css
+++ b/static/css/home.collectivecinema.css
@@ -84,3 +84,20 @@
#home .text.es {
text-align: right;
}
+
+
+#home .submenu {
+ overflow: hidden;
+ margin: 10px 0 5px;
+}
+#home .submenu .sub {
+ font-family: "helvetica-neue-bold", Helvetica, Arial, sans-serif;
+ font-size: 15px;
+ margin: 5px 0;
+ margin-bottom: 7px;
+ cursor: pointer;
+}
+
+#home .submenu .sub:hover {
+ opacity: 0.5;
+}
diff --git a/static/js/home.collectivecinema.js b/static/js/home.collectivecinema.js
index 7e0c8d7..f39d7a3 100644
--- a/static/js/home.collectivecinema.js
+++ b/static/js/home.collectivecinema.js
@@ -43,7 +43,7 @@ pandora.ui.home = function() {
left: '32px',
position: 'absolute',
top: '32px',
- width: '128px'
+ width: '148px'
},
$menu = $('
')
@@ -165,17 +165,12 @@ pandora.ui.home = function() {
.html('
Enter the archive
Entra al archivo
')
.bind({
click: function() {
- var page = pandora.user.ui.page == 'home' ? '' : pandora.user.ui.page;
- /*
- if (pandora.user.level == 'guest') {
- page = 'signup'
+ if ($siteSelection.css('height') == '0px') {
+ $siteSelection.animate({height: '125px'}, 800, function() {
+ })
+ } else {
+ $siteSelection.animate({height: '0px'}, 800)
}
- */
- pandora.UI.set({
- page: page,
- section: 'items'
- });
- that.fadeOutScreen();
},
mouseenter: function() {
$enterButton.css({opacity: 0.5});
@@ -186,6 +181,44 @@ pandora.ui.home = function() {
})
.appendTo($menu),
+ $siteSelection = Ox.Element()
+ .addClass('submenu')
+ .html(`
+
Capital
+
Orestiada/Oresteia
+
Sleepers
+
Decolonial
+ `)
+ .css({height: 0})
+ .bind({
+ click: function(event) {
+ var sub = event.target.innerText
+ var target
+ if (sub == 'Capital') {
+ target = 'https://collective-cinema.net/grid'
+ } else if (sub == 'Orestiada/Oresteia') {
+ target = 'https://orestiada.collective-cinema.net/grid'
+ } else if (sub == 'Sleepers') {
+ target = 'https://sleepers.collective-cinema.net/grid'
+ } else if (sub == 'Decolonial') {
+ target = 'https://decolonial.collective-cinema.net/grid'
+ } else {
+ target = 'https://collective-cinema.net/grid'
+ }
+ if (document.location.href.split('/')[2] == target.split('/')[2]) {
+ var page = pandora.user.ui.page == 'home' ? '' : pandora.user.ui.page;
+ pandora.UI.set({
+ page: page,
+ section: 'items'
+ });
+ that.fadeOutScreen();
+ } else {
+ document.location.href = target
+ }
+ }
+ })
+ .appendTo($menu),
+
$aboutButton = Ox.Element()
.addClass('menu')
.html('
About
Acerca de
')