Add first version

HackUAB · Oct 5, 2018 · 2675e19 · 2675e19
1 parent a957cd6
commit 2675e19
Show file tree

Hide file tree

Showing 89 changed files with 11,065 additions and 4 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,10 @@
+workspace.xml
+/website/nbproject/private/
+*.swp
+Thumbs.db
+.idea/*
+
+/bower_components
+node_modules/*
+/npm-debug.log
+.DS_STORE
diff --git a/LICENSE b/LICENSE
@@ -1,6 +1,6 @@
-MIT License
+The MIT License (MIT)
 
-Copyright (c) 2018 HackUAB
+Copyright (c) 2016 HackCU & HackUAB
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/README.md b/README.md
@@ -1,2 +1,5 @@
-# landing
-Landing page for hackuab.com
+## Instructions:
+* `bower install` to add all dependencies
+* `php -S 127.0.0.1:8000` to run the website locally
+* Go to `localhost:8000`
+
diff --git a/application.html b/application.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
+  <!-- Favicon -->
+  <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
+  <link rel="icon" href="images/favicon.ico" type="image/x-icon">
+  <!--Add the title of your typeform below-->
+  <title>HackCU 2017</title>
+
+  <!--CSS styles that ensure your typeform takes up all the available screen space (DO NOT EDIT!)-->
+  <style type="text/css">
+    html{
+      margin: 0;
+      height: 100%;
+      overflow: hidden;
+    }
+    iframe{
+      position: absolute;
+      left:0;
+      right:0;
+      bottom:0;
+      top:0;
+      border:0;
+    }
+  </style>
+</head>
+<body>
+
+  <iframe id="typeform-full" width="100%" height="100%" frameborder="0" src="https://hackcu.typeform.com/to/zbod5M"></iframe>
+  <script type="text/javascript" src="https://s3-eu-west-1.amazonaws.com/share.typeform.com/embed.js"></script>
+</body>
+</html>
+
diff --git a/bower.json b/bower.json
@@ -0,0 +1,27 @@
+{
+  "name": "HackCU2017",
+  "homepage": "https://github.com/HackCU/HackCU2017",
+  "authors": [
+    "HackCU"
+  ],
+  "description": "Website for HackCU 2017 event",
+  "main": "index.html",
+  "keywords": [
+    "hackathon"
+  ],
+  "license": "MIT",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ],
+  "dependencies": {
+    "angular": "1.5.8",
+    "simple-line-icons": "^2.3.2",
+    "jquery": "^1.11.3",
+    "bootstrap": "^3.3.7",
+    "font-awesome": "^4.6.3"
+  }
+}
diff --git a/css/apply-button.css b/css/apply-button.css
@@ -0,0 +1,106 @@
+.button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 183px;
+    height: 64px;
+    padding: 4px 10px 0 0;
+    background: url(../images/button-purple.svg) center/cover no-repeat;
+    font-weight: 600;
+    font-size: 16px;
+    color: #fff;
+    letter-spacing: 1px;
+    text-align: center;
+    text-transform: uppercase;
+    transform-origin: center;
+    perspective: 1000px;
+    transform-style: preserve-3d;
+    position: relative;
+    transition: all 0.6s;
+    z-index: 1;
+    margin:auto;
+}
+.button:hover {
+    animation: levitateBtn 2s linear infinite;
+    color: #fff;
+}
+a:hover {
+    cursor: pointer;
+    text-decoration: none;
+}
+.button:hover:before {
+    opacity: 1;
+}
+.button:before {
+    content: '';
+    display: block;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: calc(100% - 8px);
+    height: calc(100% - 8px);
+    background: rgba(255,0,0,0.2);
+/*
+    background: linear-gradient(90deg, #A065AA 0%, #4F72B8 100%);
+*/
+    background: linear-gradient(90deg, #faae17 0%, #963a20 100%);
+    opacity: 0;
+    z-index: -1;
+    transition: opacity .4s ease-in-out;
+}
+*:before, *:after {
+    box-sizing: border-box;
+}
+.button:hover:after {
+    animation: levitateBtnShadow 2s linear infinite;
+}
+.button:after {
+    content: '';
+    width: 60%;
+    left: 20%;
+    bottom: -20px;
+    position: absolute;
+    border-radius: 30%;
+    box-shadow: 0px 0px 30px 0px rgba(28,35,41,0.3);
+    background: rgba(28,35,41,0.3);
+    display: block;
+    height: 20px;
+    transform-origin: center;
+    transform: scale(0);
+}
+@keyframes levitateBtn {
+    0% {
+        transform: translateY(0) rotate(0);
+        transform-origin: center
+    }
+
+    25% {
+        transform: translateY(-2px)
+    }
+
+    50% {
+        transform: translateY(-5px) rotate(0deg)
+    }
+
+    75% {
+        transform: translateY(-2px)
+    }
+
+    100% {
+        transform: translateY(0)
+    }
+}
+
+@keyframes levitateBtnShadow {
+    0% {
+        transform: scale(0.5)
+    }
+
+    50% {
+        transform: scale(0.2)
+    }
+
+    100% {
+        transform: scale(0.5)
+    }
+}