cisti/hackrocchio
3
0
Fork 1
Code Issues Pull requests Releases Wiki Activity

warmup hackit banner

Browse source
This commit is contained in:
les 2020-03-05 23:01:29 +01:00
parent 41ea092d1d
commit e1400bacdc
2 changed files with 35 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
theme/base.html
View file

@ -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>

34
theme/css/theme.css
View file

@ -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;
}