Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 www 1 
<?php
2 
$this->headStyle()->captureStart();
3 
echo <<<CSS
4 
.full-screen {
5 
  background-color: #fbfaf1;
6 
  width: 100vw;
7 
  height: 100vh;
8 
  color: white;
9 
  font-family: 'Arial Black';
10 
  text-align: center;
11 
}
12 
 
13 
.container {
14 
  padding-top: 4em;
15 
  width: 50%;
16 
  display: block;
17 
  margin: 0 auto;
18 
}
19 
 
20 
.error-num {
21 
  font-size: 8em;
22 
  color: #0860bf;
23 
}
24 
 
25 
.eye {
26 
  background: #0860bf;
27 
  border-radius: 50%;
28 
  display: inline-block;
29 
  height: 100px;
30 
  position: relative;
31 
  width: 100px;
32 
  &::after {
33 
    background: #000;
34 
    border-radius: 50%;
35 
    bottom: 56.1px;
36 
    content: ' ';
37 
    height: 33px;
38 
    position: absolute;
39 
    right: 33px;
40 
    width: 33px;
41 
  }
42 
}
43 
 
44 
.italic {
45 
  font-style: italic;
46 
}
47 
 
48 
p {
49 
  margin-bottom: 4em;
50 
}
51 
 
52 
a {
53 
  text-decoration: none;
54 
  text-transform: uppercase;
55 
}
56 
CSS;
57 
$this->headStyle()->captureEnd();
58 
 
59 
$this->inlineScript()->captureStart();
60 
echo <<<JS
61 
jQuery( document ).ready(function( $ ) {
62 
    $(".full-screen").mousemove(function(event) {
63 
      var eye = $(".eye");
64 
      var x = (eye.offset().left) + (eye.width() / 2);
65 
      var y = (eye.offset().top) + (eye.height() / 2);
66 
      var rad = Math.atan2(event.pageX - x, event.pageY - y);
67 
      var rot = (rad * (180 / Math.PI) * -1) + 180;
68 
      eye.css({
69 
        '-webkit-transform': 'rotate(' + rot + 'deg)',
70 
        '-moz-transform': 'rotate(' + rot + 'deg)',
71 
        '-ms-transform': 'rotate(' + rot + 'deg)',
72 
        'transform': 'rotate(' + rot + 'deg)'
73 
      });
74 
    });
75 
});
76 
JS;
77 
$this->inlineScript()->captureEnd();
78 
?>
79 
<div class="full-screen">
80 
      <div class='container'>
81 
        <p class="sub-text">
82 
          <strong>
83 
            Error 500
84 
          </strong>
85 
          <br>
86 
          Algo fue mal. Por favor, vuelve al tu área personal
87 
        </p>
88 
        <a href="<?php echo $this->url('home') ?>">Volver</a>
89 
      </div>
90 
    </div>