Browse Source

warmup hackit banner

les 4 years ago
parent
commit
e1400bacdc
2 changed files with 35 additions and 2 deletions
  1. 3 0
      theme/base.html
  2. 32 2
      theme/css/theme.css

+ 3 - 0
theme/base.html

@@ -35,6 +35,9 @@
 </head>
 
 <body class="text-light container" role="document">
+    <a id='hackit_banner' href='https://www.hackmeeting.org/hackit20/'>
+      <span>warmup<br/> hackmeeting</span>
+    </a>
     <!-- <div id='text_header'></div> -->
     <div id='header'>
       <h1>Hack<span style='color: red;'>Я</span>occhio</h1>

+ 32 - 2
theme/css/theme.css

@@ -25,12 +25,12 @@ h4 {
   font-size: 1.2em;
 }
 
-.section a {
+a {
   color: orange;
   transition: color .5s;
 }
 
-.section a:hover {
+a:hover {
   color: orangered;
   text-decoration: none;
 }
@@ -140,3 +140,33 @@ img {
 	position: relative;
 	z-index: 0;
 } */
+
+
+#hackit_banner {
+  position: fixed;
+  transform: rotate(45deg);
+  font-size: 18px;
+  font-weight: bold;
+  font-family: Helvetica, sans-serif;
+  color: black;
+  width: 200px;
+  line-height: 25px;
+  text-align: center;
+  overflow: hidden;
+  top: 25px;
+  box-shadow: 1px 1px 25px rgba(233, 6, 229, .8);
+  background-color: red;
+  right: -50px;
+  transition: background-color 1s;
+}
+  @keyframes pulse {
+    0% { background-color: red; }
+    50% { background-color: white; }
+    100% { background-color: red; }
+  }
+#hackit_banner:hover {
+  text-decoration: none;
+  animation-name: pulse;
+  animation-duration: 1s;
+  animation-iteration-count: infinite;
+}