diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..d08d31c Binary files /dev/null and b/.DS_Store differ diff --git a/android-chrome-192x192.png b/android-chrome-192x192.png new file mode 100644 index 0000000..a2999e2 Binary files /dev/null and b/android-chrome-192x192.png differ diff --git a/android-chrome-256x256.png b/android-chrome-256x256.png new file mode 100644 index 0000000..0caeb46 Binary files /dev/null and b/android-chrome-256x256.png differ diff --git a/apple-touch-icon.png b/apple-touch-icon.png new file mode 100644 index 0000000..0a219e2 Binary files /dev/null and b/apple-touch-icon.png differ diff --git a/browserconfig.xml b/browserconfig.xml new file mode 100644 index 0000000..171889b --- /dev/null +++ b/browserconfig.xml @@ -0,0 +1,9 @@ + + + + + + #5b8ec4 + + + diff --git a/css/.DS_Store b/css/.DS_Store new file mode 100644 index 0000000..1e79dc5 Binary files /dev/null and b/css/.DS_Store differ diff --git a/css/ajax-loader.gif b/css/ajax-loader.gif new file mode 100644 index 0000000..e0e6e97 Binary files /dev/null and b/css/ajax-loader.gif differ diff --git a/css/app.css b/css/app.css index e69de29..1bcbe78 100644 --- a/css/app.css +++ b/css/app.css @@ -0,0 +1,157 @@ +/* +Project Name: ACAL Scientia +Description: UI for ACAL Scientia site +Author: Ciro Urdaneta +Author URI: https://curdaneta.com +Version: 1.0 +Last update: ###### Wed Jan 13 13:29:41 VET 2021 +*/ + + +/* +///////////// NOTAS /////////////// + + + + + +*/ + + +/* + +globales + +*/ + +:root { + --gris-oscuro: #24384e; + --azul-50: #f4f7fb; + --azul-100: #ecf2f8; + --azul-200: #dae5f1; + --azul-300: #b8cee5; + --azul-400: #8fb1d6; + --azul-500: #5a8dc4; + --azul-600: #4076b0; + --azul-700: #315a87; + --azul-800: #294b70; + --azul-900: #264669; + --ocre-50: #fff6d6; + --ocre-100: #fff1bd; + --ocre-200: #ffe070; + --ocre-300: #fac400; + --ocre-400: #d1a400; + --ocre-500: #d6a800; + --ocre-600: #8a6c00; + --ocre-700: #6b5400; + --ocre-800: #574400; + --ocre-900: #524000; + --font-sans: 'Lato', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Arial, sans-serif; + --font-serif: 'Abril Fatface', 'Times New Roman', Georgia, Times, serif; +} + + +/* + +Estilos base + +*/ + +body { + font-family: var(--font-sans); + color: var(--gris-oscuro); + font-weight: 300; +} + +.site-footer { + background: var(--gris-oscuro); +} + + +/* + +Clases personalizadas + +*/ + +table.zebra { + table-layout: auto; + width: 100%; + border: #fff; + margin-top: 0; +} + +.zebra th { + background-color: var(--azul-500); + color: #fff; + font-weight: bold; + border: 1px solid #fff; + padding: 0.5rem 0.75rem; + text-align: center; +} + +.zebra td { + padding: 0.5rem 0.75rem; + border-right: 1px solid var(--azul-200); +} + +.zebra td:last-of-type { + border-right: none; +} + +.zebra tr:nth-child(even) { + background: var(--azul-50); +} + + +/* + +Slick carousel + +*/ + +.slick-slide { + margin: 0px 8px; +} + +.slick-slide img { + width: 100%; +} + +.slick-prev:before, +.slick-next:before { + color: var(--gris-oscuro) !important; +} + + +/* + +Events Card + +*/ + +.events-card { + position: relative; + z-index: 1; + height: 100%; + display: table; +} + +.events-card__content { + display: block; + overflow: auto; + background-size: cover; + height: 100%; + min-height: 156px; +} + +.events-card__summary p { + background: var(--gris-oscuro); + display: inline; + color: #fff; + padding: 1px 2px; +} + +.events-card__summary h4 { + text-shadow: 1px 1px 1px rgba(255, 255, 255, .66); +} \ No newline at end of file diff --git a/css/config.rb b/css/config.rb new file mode 100644 index 0000000..81f5ae3 --- /dev/null +++ b/css/config.rb @@ -0,0 +1,10 @@ +css_dir = "." +sass_dir = "." +images_dir = "." +fonts_dir = "fonts" +relative_assets = true + +output_style = :compact +line_comments = false + +preferred_syntax = :scss \ No newline at end of file diff --git a/css/fonts/slick.eot b/css/fonts/slick.eot new file mode 100644 index 0000000..2cbab9c Binary files /dev/null and b/css/fonts/slick.eot differ diff --git a/css/fonts/slick.svg b/css/fonts/slick.svg new file mode 100644 index 0000000..b36a66a --- /dev/null +++ b/css/fonts/slick.svg @@ -0,0 +1,14 @@ + + + +Generated by Fontastic.me + + + + + + + + + + diff --git a/css/fonts/slick.ttf b/css/fonts/slick.ttf new file mode 100644 index 0000000..9d03461 Binary files /dev/null and b/css/fonts/slick.ttf differ diff --git a/css/fonts/slick.woff b/css/fonts/slick.woff new file mode 100644 index 0000000..8ee9972 Binary files /dev/null and b/css/fonts/slick.woff differ diff --git a/css/slick-theme.css b/css/slick-theme.css new file mode 100644 index 0000000..1232fca --- /dev/null +++ b/css/slick-theme.css @@ -0,0 +1,204 @@ +@charset 'UTF-8'; +/* Slider */ +.slick-loading .slick-list +{ + background: #fff url('./ajax-loader.gif') center center no-repeat; +} + +/* Icons */ +@font-face +{ + font-family: 'slick'; + font-weight: normal; + font-style: normal; + + src: url('./fonts/slick.eot'); + src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); +} +/* Arrows */ +.slick-prev, +.slick-next +{ + font-size: 0; + line-height: 0; + + position: absolute; + top: 50%; + + display: block; + + width: 20px; + height: 20px; + padding: 0; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); + + cursor: pointer; + + color: transparent; + border: none; + outline: none; + background: transparent; +} +.slick-prev:hover, +.slick-prev:focus, +.slick-next:hover, +.slick-next:focus +{ + color: transparent; + outline: none; + background: transparent; +} +.slick-prev:hover:before, +.slick-prev:focus:before, +.slick-next:hover:before, +.slick-next:focus:before +{ + opacity: 1; +} +.slick-prev.slick-disabled:before, +.slick-next.slick-disabled:before +{ + opacity: .25; +} + +.slick-prev:before, +.slick-next:before +{ + font-family: 'slick'; + font-size: 20px; + line-height: 1; + + opacity: .75; + color: white; + + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.slick-prev +{ + left: -25px; +} +[dir='rtl'] .slick-prev +{ + right: -25px; + left: auto; +} +.slick-prev:before +{ + content: '←'; +} +[dir='rtl'] .slick-prev:before +{ + content: '→'; +} + +.slick-next +{ + right: -25px; +} +[dir='rtl'] .slick-next +{ + right: auto; + left: -25px; +} +.slick-next:before +{ + content: '→'; +} +[dir='rtl'] .slick-next:before +{ + content: '←'; +} + +/* Dots */ +.slick-dotted.slick-slider +{ + margin-bottom: 30px; +} + +.slick-dots +{ + position: absolute; + bottom: -25px; + + display: block; + + width: 100%; + padding: 0; + margin: 0; + + list-style: none; + + text-align: center; +} +.slick-dots li +{ + position: relative; + + display: inline-block; + + width: 20px; + height: 20px; + margin: 0 5px; + padding: 0; + + cursor: pointer; +} +.slick-dots li button +{ + font-size: 0; + line-height: 0; + + display: block; + + width: 20px; + height: 20px; + padding: 5px; + + cursor: pointer; + + color: transparent; + border: 0; + outline: none; + background: transparent; +} +.slick-dots li button:hover, +.slick-dots li button:focus +{ + outline: none; +} +.slick-dots li button:hover:before, +.slick-dots li button:focus:before +{ + opacity: 1; +} +.slick-dots li button:before +{ + font-family: 'slick'; + font-size: 6px; + line-height: 20px; + + position: absolute; + top: 0; + left: 0; + + width: 20px; + height: 20px; + + content: '•'; + text-align: center; + + opacity: .25; + color: black; + + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.slick-dots li.slick-active button:before +{ + opacity: .75; + color: black; +} diff --git a/css/slick-theme.less b/css/slick-theme.less new file mode 100644 index 0000000..e06fc18 --- /dev/null +++ b/css/slick-theme.less @@ -0,0 +1,168 @@ +@charset "UTF-8"; + +// Default Variables + +@slick-font-path: "./fonts/"; +@slick-font-family: "slick"; +@slick-loader-path: "./"; +@slick-arrow-color: white; +@slick-dot-color: black; +@slick-dot-color-active: @slick-dot-color; +@slick-prev-character: "←"; +@slick-next-character: "→"; +@slick-dot-character: "•"; +@slick-dot-size: 6px; +@slick-opacity-default: 0.75; +@slick-opacity-on-hover: 1; +@slick-opacity-not-active: 0.25; + +/* Slider */ +.slick-loading .slick-list{ + background: #fff url('@{slick-loader-path}ajax-loader.gif') center center no-repeat; +} + +/* Arrows */ +.slick-prev, +.slick-next { + position: absolute; + display: block; + height: 20px; + width: 20px; + line-height: 0px; + font-size: 0px; + cursor: pointer; + background: transparent; + color: transparent; + top: 50%; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); + padding: 0; + border: none; + outline: none; + &:hover, &:focus { + outline: none; + background: transparent; + color: transparent; + &:before { + opacity: @slick-opacity-on-hover; + } + } + &.slick-disabled:before { + opacity: @slick-opacity-not-active; + } +} + +.slick-prev:before, .slick-next:before { + font-family: @slick-font-family; + font-size: 20px; + line-height: 1; + color: @slick-arrow-color; + opacity: @slick-opacity-default; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + + & when ( @slick-font-family = 'slick' ) { + /* Icons */ + @font-face { + font-family: 'slick'; + font-weight: normal; + font-style: normal; + src: url('@{slick-font-path}slick.eot'); + src: url('@{slick-font-path}slick.eot?#iefix') format('embedded-opentype'), url('@{slick-font-path}slick.woff') format('woff'), url('@{slick-font-path}slick.ttf') format('truetype'), url('@{slick-font-path}slick.svg#slick') format('svg'); + } + } +} + +.slick-prev { + left: -25px; + [dir="rtl"] & { + left: auto; + right: -25px; + } + &:before { + content: @slick-prev-character; + [dir="rtl"] & { + content: @slick-next-character; + } + } +} + +.slick-next { + right: -25px; + [dir="rtl"] & { + left: -25px; + right: auto; + } + &:before { + content: @slick-next-character; + [dir="rtl"] & { + content: @slick-prev-character; + } + } +} + +/* Dots */ + +.slick-dotted .slick-slider { + margin-bottom: 30px; +} + +.slick-dots { + position: absolute; + bottom: -25px; + list-style: none; + display: block; + text-align: center; + padding: 0; + margin: 0; + width: 100%; + li { + position: relative; + display: inline-block; + height: 20px; + width: 20px; + margin: 0 5px; + padding: 0; + cursor: pointer; + button { + border: 0; + background: transparent; + display: block; + height: 20px; + width: 20px; + outline: none; + line-height: 0px; + font-size: 0px; + color: transparent; + padding: 5px; + cursor: pointer; + &:hover, &:focus { + outline: none; + &:before { + opacity: @slick-opacity-on-hover; + } + } + &:before { + position: absolute; + top: 0; + left: 0; + content: @slick-dot-character; + width: 20px; + height: 20px; + font-family: @slick-font-family; + font-size: @slick-dot-size; + line-height: 20px; + text-align: center; + color: @slick-dot-color; + opacity: @slick-opacity-not-active; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + } + &.slick-active button:before { + color: @slick-dot-color-active; + opacity: @slick-opacity-default; + } + } +} diff --git a/css/slick.css b/css/slick.css new file mode 100644 index 0000000..57477e8 --- /dev/null +++ b/css/slick.css @@ -0,0 +1,119 @@ +/* Slider */ +.slick-slider +{ + position: relative; + + display: block; + box-sizing: border-box; + + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + + -webkit-touch-callout: none; + -khtml-user-select: none; + -ms-touch-action: pan-y; + touch-action: pan-y; + -webkit-tap-highlight-color: transparent; +} + +.slick-list +{ + position: relative; + + display: block; + overflow: hidden; + + margin: 0; + padding: 0; +} +.slick-list:focus +{ + outline: none; +} +.slick-list.dragging +{ + cursor: pointer; + cursor: hand; +} + +.slick-slider .slick-track, +.slick-slider .slick-list +{ + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.slick-track +{ + position: relative; + top: 0; + left: 0; + + display: block; + margin-left: auto; + margin-right: auto; +} +.slick-track:before, +.slick-track:after +{ + display: table; + + content: ''; +} +.slick-track:after +{ + clear: both; +} +.slick-loading .slick-track +{ + visibility: hidden; +} + +.slick-slide +{ + display: none; + float: left; + + height: 100%; + min-height: 1px; +} +[dir='rtl'] .slick-slide +{ + float: right; +} +.slick-slide img +{ + display: block; +} +.slick-slide.slick-loading img +{ + display: none; +} +.slick-slide.dragging img +{ + pointer-events: none; +} +.slick-initialized .slick-slide +{ + display: block; +} +.slick-loading .slick-slide +{ + visibility: hidden; +} +.slick-vertical .slick-slide +{ + display: block; + + height: auto; + + border: 1px solid transparent; +} +.slick-arrow.slick-hidden { + display: none; +} diff --git a/css/slick.less b/css/slick.less new file mode 100644 index 0000000..8d1fc9f --- /dev/null +++ b/css/slick.less @@ -0,0 +1,100 @@ +/* Slider */ + +.slick-slider { + position: relative; + display: block; + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -ms-touch-action: pan-y; + touch-action: pan-y; + -webkit-tap-highlight-color: transparent; +} +.slick-list { + position: relative; + overflow: hidden; + display: block; + margin: 0; + padding: 0; + + &:focus { + outline: none; + } + + &.dragging { + cursor: pointer; + cursor: hand; + } +} +.slick-slider .slick-track, +.slick-slider .slick-list { + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.slick-track { + position: relative; + left: 0; + top: 0; + display: block; + margin-left: auto; + margin-right: auto; + + &:before, + &:after { + content: ""; + display: table; + } + + &:after { + clear: both; + } + + .slick-loading & { + visibility: hidden; + } +} +.slick-slide { + float: left; + height: 100%; + min-height: 1px; + [dir="rtl"] & { + float: right; + } + img { + display: block; + } + &.slick-loading img { + display: none; + } + + display: none; + + &.dragging img { + pointer-events: none; + } + + .slick-initialized & { + display: block; + } + + .slick-loading & { + visibility: hidden; + } + + .slick-vertical & { + display: block; + height: auto; + border: 1px solid transparent; + } +} +.slick-arrow.slick-hidden { + display: none; +} diff --git a/css/slick.scss b/css/slick.scss new file mode 100644 index 0000000..8d1fc9f --- /dev/null +++ b/css/slick.scss @@ -0,0 +1,100 @@ +/* Slider */ + +.slick-slider { + position: relative; + display: block; + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -ms-touch-action: pan-y; + touch-action: pan-y; + -webkit-tap-highlight-color: transparent; +} +.slick-list { + position: relative; + overflow: hidden; + display: block; + margin: 0; + padding: 0; + + &:focus { + outline: none; + } + + &.dragging { + cursor: pointer; + cursor: hand; + } +} +.slick-slider .slick-track, +.slick-slider .slick-list { + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.slick-track { + position: relative; + left: 0; + top: 0; + display: block; + margin-left: auto; + margin-right: auto; + + &:before, + &:after { + content: ""; + display: table; + } + + &:after { + clear: both; + } + + .slick-loading & { + visibility: hidden; + } +} +.slick-slide { + float: left; + height: 100%; + min-height: 1px; + [dir="rtl"] & { + float: right; + } + img { + display: block; + } + &.slick-loading img { + display: none; + } + + display: none; + + &.dragging img { + pointer-events: none; + } + + .slick-initialized & { + display: block; + } + + .slick-loading & { + visibility: hidden; + } + + .slick-vertical & { + display: block; + height: auto; + border: 1px solid transparent; + } +} +.slick-arrow.slick-hidden { + display: none; +} diff --git a/favicon-16x16.png b/favicon-16x16.png new file mode 100644 index 0000000..a37f1c3 Binary files /dev/null and b/favicon-16x16.png differ diff --git a/favicon-32x32.png b/favicon-32x32.png new file mode 100644 index 0000000..766b414 Binary files /dev/null and b/favicon-32x32.png differ diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..433ecb5 Binary files /dev/null and b/favicon.ico differ diff --git a/images/logo_acal-azul.svg b/images/logo_acal-azul.svg new file mode 100644 index 0000000..cd1a762 --- /dev/null +++ b/images/logo_acal-azul.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/logo_acal-fondo_azul.svg b/images/logo_acal-fondo_azul.svg new file mode 100644 index 0000000..c8246e1 --- /dev/null +++ b/images/logo_acal-fondo_azul.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/logo_acal-fondo_negro.svg b/images/logo_acal-fondo_negro.svg new file mode 100644 index 0000000..b9e54de --- /dev/null +++ b/images/logo_acal-fondo_negro.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/logo_acal-letras_azul.svg b/images/logo_acal-letras_azul.svg new file mode 100644 index 0000000..28c41c5 --- /dev/null +++ b/images/logo_acal-letras_azul.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/logo_acal-letras_blanco.svg b/images/logo_acal-letras_blanco.svg new file mode 100644 index 0000000..de15148 --- /dev/null +++ b/images/logo_acal-letras_blanco.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/logo_acal-letras_negro.svg b/images/logo_acal-letras_negro.svg new file mode 100644 index 0000000..f0108fc --- /dev/null +++ b/images/logo_acal-letras_negro.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/logo_acal-negro.svg b/images/logo_acal-negro.svg new file mode 100644 index 0000000..7085385 --- /dev/null +++ b/images/logo_acal-negro.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/mapa-acal.svg b/images/mapa-acal.svg new file mode 100644 index 0000000..9b0a662 --- /dev/null +++ b/images/mapa-acal.svg @@ -0,0 +1,561 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/index.html b/index.html index 6d567b5..0755600 100644 --- a/index.html +++ b/index.html @@ -4,10 +4,347 @@ ACAL Front + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+ +
+
+
+
+ + +
+
+ +
+ +
+
+
+
+
+ Países +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + +
TitleAuthorViews
Intro to CSSAdam858
+ A Long and Winding Tour of the History of UI Frameworks + and Tools and the Impact on Design + Adam112
Intro to JavaScriptChris1,280
+
+
+
+
+
+ + + + + + + + diff --git a/js/slick.js b/js/slick.js new file mode 100644 index 0000000..bb94a86 --- /dev/null +++ b/js/slick.js @@ -0,0 +1,3037 @@ +/* + _ _ _ _ + ___| (_) ___| | __ (_)___ +/ __| | |/ __| |/ / | / __| +\__ \ | | (__| < _ | \__ \ +|___/_|_|\___|_|\_(_)/ |___/ + |__/ + + Version: 1.8.1 + Author: Ken Wheeler + Website: http://kenwheeler.github.io + Docs: http://kenwheeler.github.io/slick + Repo: http://github.com/kenwheeler/slick + Issues: http://github.com/kenwheeler/slick/issues + + */ +/* global window, document, define, jQuery, setInterval, clearInterval */ +;(function(factory) { + 'use strict'; + if (typeof define === 'function' && define.amd) { + define(['jquery'], factory); + } else if (typeof exports !== 'undefined') { + module.exports = factory(require('jquery')); + } else { + factory(jQuery); + } + +}(function($) { + 'use strict'; + var Slick = window.Slick || {}; + + Slick = (function() { + + var instanceUid = 0; + + function Slick(element, settings) { + + var _ = this, dataSettings; + + _.defaults = { + accessibility: true, + adaptiveHeight: false, + appendArrows: $(element), + appendDots: $(element), + arrows: true, + asNavFor: null, + prevArrow: '', + nextArrow: '', + autoplay: false, + autoplaySpeed: 3000, + centerMode: false, + centerPadding: '50px', + cssEase: 'ease', + customPaging: function(slider, i) { + return $('',nextArrow:'',autoplay:false,autoplaySpeed:3e3,centerMode:false,centerPadding:"50px",cssEase:"ease",customPaging:function(slider,i){return $('