v0.5.0

public/assets/fonts/metro.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xe900;" glyph-name="metro" d="M771.482 668.57l-126.976-219.648-126.874 219.648-126.874-219.648-126.874 219.648-127.078-219.75 127.078-219.853 126.874 219.648 126.874-219.648 126.874 219.75 126.976-219.75 126.976 219.853zM512 864.154c-277.094 0-501.76-186.266-501.76-416.154 0-229.786 224.666-416.154 501.76-416.154s501.76 186.368 501.76 416.154c0 229.888-224.666 416.154-501.76 416.154zM512 68.506c-252.621 0-457.523 169.984-457.523 379.494s204.8 379.494 457.523 379.494c252.621 0 457.523-169.882 457.523-379.494 0-209.51-204.902-379.494-457.523-379.494z" />
+</font></defs></svg>

public/assets/images/Santiago_Metro_logo.svg

@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   width="180"
+   height="150"
+   id="svg2"
+   sodipodi:docname="Santiago_Metro_logo.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview23"
+     showgrid="false"
+     inkscape:zoom="3.1466667"
+     inkscape:cx="99.382911"
+     inkscape:cy="65.915259"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2"
+     inkscape:pagecheckerboard="true" />
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs6">
+    <linearGradient
+       id="linearGradient7630">
+      <stop
+         id="stop7632"
+         style="stop-color:#8c2224;stop-opacity:1"
+         offset="0" />
+      <stop
+         id="stop7634"
+         style="stop-color:#ca2224;stop-opacity:1"
+         offset="0.44237775" />
+      <stop
+         id="stop7636"
+         style="stop-color:#ca2224;stop-opacity:0.30714285"
+         offset="1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3800">
+      <stop
+         id="stop3802"
+         style="stop-color:#3e4142;stop-opacity:1"
+         offset="0" />
+      <stop
+         id="stop3804"
+         style="stop-color:#3e4142;stop-opacity:0"
+         offset="1" />
+    </linearGradient>
+    <linearGradient
+       x1="-12"
+       y1="107.5"
+       x2="221.5"
+       y2="20"
+       id="linearGradient3806"
+       xlink:href="#linearGradient3800"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       x1="225.5"
+       y1="137"
+       x2="10.5"
+       y2="130"
+       id="linearGradient3810"
+       xlink:href="#linearGradient3800"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       x1="145.02977"
+       y1="101.45641"
+       x2="104.54718"
+       y2="42.224365"
+       id="linearGradient7640"
+       xlink:href="#linearGradient7630"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       x1="145.02977"
+       y1="101.45641"
+       x2="104.54718"
+       y2="42.224365"
+       id="linearGradient3011"
+       xlink:href="#linearGradient7630"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <path
+     d="m 90,4.4 c 46.99944,0 85.1,31.609813 85.1,70.600003 C 175.1,113.99019 136.99944,145.6 90,145.6 43.000567,145.6 4.9,113.99019 4.9,75.000003 4.9,36.009813 43.000567,4.4 90,4.4 Z"
+     id="path3790"
+     style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:none"
+     inkscape:connector-curvature="0" />
+  <path
+     d="M 90,4.5 C 43.055796,4.5 5,36.063925 5,75 c 0,38.93607 38.055796,70.5 85,70.5 46.9442,0 85,-31.56393 85,-70.5 C 175,36.063925 136.9442,4.5 90,4.5 z m 0,6.21875 c 42.80207,0 77.5,28.780711 77.5,64.28125 0,35.50054 -34.69793,64.28125 -77.5,64.28125 C 47.197932,139.28125 12.5,110.50054 12.5,75 12.5,39.499461 47.197932,10.71875 90,10.71875 z"
+     id="path3005"
+     style="fill:url(#linearGradient3806);fill-opacity:1;fill-rule:evenodd;stroke:none" />
+  <g
+     transform="matrix(1.0756106,0,0,1.0756106,-6.8776172,-5.6607586)"
+     id="g3004">
+    <path
+       d="m 110.9375,74.867187 20,34.617193 20,-34.617193 -20,-34.617187 z"
+       id="path2991"
+       style="fill:#000000;fill-opacity:1" />
+    <use
+       transform="translate(-39.984375)"
+       id="use3796"
+       x="0"
+       y="0"
+       width="180"
+       height="150"
+       xlink:href="#path2991"
+       style="fill:#000000;fill-opacity:1" />
+    <use
+       transform="translate(-39.96875)"
+       id="use3798"
+       x="0"
+       y="0"
+       width="180"
+       height="150"
+       xlink:href="#use3796"
+       style="fill:#000000;fill-opacity:1" />
+  </g>
+  <path
+     d="M 90,4.5 C 43.055796,4.5 5,36.063925 5,75 c 0,38.93607 38.055796,70.5 85,70.5 46.9442,0 85,-31.56393 85,-70.5 C 175,36.063925 136.9442,4.5 90,4.5 Z m 0,6.21875 c 42.80207,0 77.5,28.780711 77.5,64.28125 0,35.50054 -34.69793,64.28125 -77.5,64.28125 C 47.197932,139.28125 12.5,110.50054 12.5,75 12.5,39.499461 47.197932,10.71875 90,10.71875 Z"
+     id="path3808"
+     style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     inkscape:connector-curvature="0" />
+</svg>

public/assets/scripts/main.js

@@ -0,0 +1,6 @@
+$(document).ready(function() {
+  var base_width = 1110
+  var width = $(window).width()
+  var padding = (width - base_width) / 2
+  $('#page_container').find('.padded').css('padding-left', padding + 'px').css('padding-right', padding + 'px')
+})

public/assets/styles/main.css

@@ -0,0 +1,96 @@
+html {
+  font-family: Roboto, Arial !important;
+}
+#page_menu {
+  height: 60px;
+  font-size: 12pt !important;
+}
+#page_menu .brand {
+  font-family: Helvetica, Arial !important;
+  font-weight: 900 !important;
+  font-size: 25pt;
+}
+
+.banner {
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 100% 330px;
+  height: 330px;
+}
+.banner .mensaje {
+  font-size: 18pt;
+  color: white;
+  width: 550px;
+  padding: 75px;
+}
+.banner .mensaje .titulo {
+  font-size: 20pt;
+  font-weight: bold;
+}
+
+.suplente {
+  height: 330px;
+}
+.suplente>div {
+  display: inline-block;
+}
+.suplente .mensaje {
+  background-repeat: no-repeat;
+  background-position: center;
+  height: 230px;
+}
+
+.numero {
+  background-position: center;
+  background-attachment: fixed;
+  height: 200px;
+}
+.numero .segment {
+  background-color: rgba(0, 0, 30, .9) !important;
+  margin-top: 50px !important;
+  padding: 0 !important;
+  padding-top: 10px !important;
+  border: 0 !important;
+  height: 70px;
+  width: 290px !important;
+}
+.numero a {
+  font-family: Roboto;
+  color: white;
+  font-size: 12pt;
+  font-weight: 900;
+}
+
+#servicios {
+  background-color: rgba(0, 0, 0, .05);
+  padding-top: 50px;
+  padding-bottom: 50px;
+  height: 440px;
+  font-family: Roboto;
+}
+#servicios .separator {
+  width: 60px;
+}
+#servicios .list {
+  width: 285px !important;
+  font-size: 14pt;
+  color: rgba(0, 0, 0, 0.9)
+}
+#servicios .list img {
+  width: 20px;
+  margin-right: 20px;
+}
+#servicios .list a {
+  color: inherit;
+}
+#servicios .titulo {
+  font-weight: bold;
+  font-size: 16pt;
+}
+
+#servicios .seguimiento {
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 345px 340px;
+  width: 345px !important;
+}

public/assets/styles/metro.css

@@ -0,0 +1,30 @@
+@font-face {
+  font-family: 'metro';
+  src:  url('../fonts/metro.eot?9g6aek');
+  src:  url('../fonts/metro.eot?9g6aek#iefix') format('embedded-opentype'),
+    url('../fonts/metro.ttf?9g6aek') format('truetype'),
+    url('../fonts/metro.woff?9g6aek') format('woff'),
+    url('../fonts/metro.svg?9g6aek#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'metro' !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-metro:before {
+  content: "\e900";
+}