diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md new file mode 100644 index 0000000..33a12a7 --- /dev/null +++ b/.github/CONTRIBUTING.md @@ -0,0 +1 @@ +# Contributing Guidelines \ No newline at end of file diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md new file mode 100644 index 0000000..a1ec7a4 --- /dev/null +++ b/.github/PULL_REQUEST_TEMPLATE.md @@ -0,0 +1,15 @@ +## Description +A few sentences describing the overall goals of the pull request's commits. + +## Related Issues +Link to any issues that are relevant to this PR. This could be an issue this PR fixes. + +## Some questions +1. Did you read the contributing guidelines? + (Your answer) + +## Additional Notes +Do you want to add anything else? We :heart: to hear your opinions! + +## Share how this made you feel + diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..8bb2f80 --- /dev/null +++ b/.gitignore @@ -0,0 +1,7 @@ +workspace.xml +/website/nbproject/private/ +*.swp +Thumbs.db +.idea/* +.DS_Store +_site \ No newline at end of file diff --git a/README.md b/README.md index 823ce39..887f1fc 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,29 @@ -# slack -👨‍💻 Sign up page for our slack + +
+

+ HackCU IV +

+
+ +Slack Sign Up Page + +# Run project + +Needs: Ruby + +## Local + +1. `git clone https://github.com/HackCU/slack.git && cd slack` +2. `gem install jekyll` +3. `jekyll serve --watch` + +## Deploy + +1. Push changes to master +2. There's no `2` + +Deployment is done automatically by [GitHub pages](https://pages.github.com/). You don't need to do anything else than pushing to master. + +## Want to contribute? + +Please read our [Code of Conduct](.github/CODE_OF_CONDUCT.md), then follow these [guidelines](.github/CONTRIBUTING.md) diff --git a/_includes/cover.html b/_includes/cover.html new file mode 100644 index 0000000..a3723d4 --- /dev/null +++ b/_includes/cover.html @@ -0,0 +1,23 @@ +
+
+
+
+ +
+

+ HackCU Slack Signup +

+

+ Enter your email below to join HackCU on slack! +

+
+ +
+
+ + +
+
+ +
+
\ No newline at end of file diff --git a/_layouts/base.html b/_layouts/base.html new file mode 100644 index 0000000..19e0e9c --- /dev/null +++ b/_layouts/base.html @@ -0,0 +1,87 @@ + + + + + + + HackCU Slack Signup Page | 2018 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + {{content}} + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/fonts/Biko_Black.otf b/assets/fonts/Biko_Black.otf new file mode 100755 index 0000000..1297b76 Binary files /dev/null and b/assets/fonts/Biko_Black.otf differ diff --git a/assets/fonts/Biko_Bold.otf b/assets/fonts/Biko_Bold.otf new file mode 100755 index 0000000..5bd3c43 Binary files /dev/null and b/assets/fonts/Biko_Bold.otf differ diff --git a/assets/fonts/Biko_Light-Restricted.otf b/assets/fonts/Biko_Light-Restricted.otf new file mode 100755 index 0000000..9fb5db8 Binary files /dev/null and b/assets/fonts/Biko_Light-Restricted.otf differ diff --git a/assets/fonts/Biko_Regular.otf b/assets/fonts/Biko_Regular.otf new file mode 100755 index 0000000..da7b16e Binary files /dev/null and b/assets/fonts/Biko_Regular.otf differ diff --git a/css/fall.css b/css/fall.css new file mode 100644 index 0000000..19b013d --- /dev/null +++ b/css/fall.css @@ -0,0 +1,10 @@ + + .dot{ + width:35px; + height:35px; + position:absolute; + background: url(http://www.clipartqueen.com/image-files/red-lobed-fall-clipart-leaf.png); + background-size: 100% 100%; + } + + \ No newline at end of file diff --git a/css/style.scss b/css/style.scss new file mode 100644 index 0000000..b71d4f4 --- /dev/null +++ b/css/style.scss @@ -0,0 +1,134 @@ +--- +--- + + +//////////////////////////////////////// +// Variables +//////////////////////////////////////// + +// Fonts +$font: Biko, sans-serif; + + +// Images +$img: url(../img/flatirons.jpg); + + +@font-face { + font-family: Biko; + src: url('../assets/fonts/Biko_Regular.otf'); + } + + +html { + height: 100% !important; + font-family: $font; +} + +body { + height: 100%; + width: 100%; + overflow: hidden; + font-family: $font; +} + +.section { + height: 100%; + width: 100%; +} + +.cover-flatirons { + position: absolute; + width: 100%; + height: 100%; + left: 0px; + top: 0px; + background: $img; + filter: brightness(80%); + background: linear-gradient(rgba(49, 91, 127, 0.5), rgba(49, 91, 127, 0.5)), $img; + background-size: cover; + background-attachment: fixed; + position: fixed; + padding: 20px; + z-index: -25; + } + +#fall { + background: transparent !important; +} + +.main { + width: 100%; + height: 50%; + align-items: center; + display: flex; + justify-content: center; + flex-direction: column; +} + +.container { + text-align: center; +} + +.header { + width: 100%; + color: black; +} + +h1, h2 { + text-align: center; + font-weight: 700; +} + +h1 { + font-size: 38px; +} + +h2 { + font-size: 20px; +} + +.input-container { + width: 100%; + display: flex; + justify-content: center; + align-self: center; + align-items: center; +} + +.input { + position: relative; + width: 500px; + margin-top: 20px; +} + + +.field { + display: block; + margin: 0 auto; + width: 400px; + border-radius: 30px; + border: none; + font-size: 16px; + padding: 15px; + background-color: #62605D; + color: white; + height: 10px; +} + +::placeholder { + color: rgb(73, 71, 67); +} + +.submit { + padding: 3px 10px; + border-radius: 30px; + font-size: 14px; + border: none; + cursor: pointer; + margin-left: -10px; + position: absolute; + top: 8px; + right: 53px; +} + diff --git a/img/flatirons.jpg b/img/flatirons.jpg new file mode 100755 index 0000000..52f1928 Binary files /dev/null and b/img/flatirons.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..e2654a3 --- /dev/null +++ b/index.html @@ -0,0 +1,5 @@ +--- +layout: base +--- + +{% include cover.html %} \ No newline at end of file diff --git a/js/fall.js b/js/fall.js new file mode 100644 index 0000000..a576d24 --- /dev/null +++ b/js/fall.js @@ -0,0 +1,26 @@ +/* a Pen by Diaco m.lotfollahi : https://diacodesign.com */ + +var falling = true; + +TweenLite.set("#fall",{perspective:600}) +TweenLite.set("img",{xPercent:"-50%",yPercent:"-50%"}) + +var total = 30; +var container = document.getElementById("fall"), w = window.innerWidth , h = window.innerHeight; + + for (i=0; i