├── .gitignore ├── 4otakus.html ├── Bankers-Algo-Simulator.html ├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── Fireworks.html ├── Flappy.html ├── LICENSE ├── README.md ├── bubble.html ├── canoi.html ├── cheese.html ├── colorgame.html ├── contributors.html ├── css ├── 4otakus.css ├── Bankers-Algo-Simulator.css ├── cheese.css ├── colorgame.css ├── contributors.css ├── drop.css ├── dry.css ├── explosion.css ├── footer.css ├── foxy.css ├── gifheaven.css ├── helpful-material.css ├── index.css ├── navbar.css ├── potato.css ├── rpg.css ├── sidebar.css ├── snek.css ├── spooky-bat.css ├── terminal.css ├── tools.css └── trylearnhowtoprogram.css ├── dry.html ├── foxy.html ├── gifheaven.html ├── helpful-material.html ├── humans.txt ├── images ├── Fire_Emoji-min.png ├── NinjaDuck_min.jpg ├── ani.jpg ├── bats │ ├── batcat.jpg │ ├── batman.jpg │ ├── darkbat.jpg │ └── sleepy-bat.jpg ├── browserconfig.xml ├── deku.gif ├── disappointed.jpg ├── favicon │ ├── android-chrome-192x192.png │ ├── android-chrome-256x256.png │ ├── android-chrome-512x512.png │ ├── apple-touch-icon.png │ ├── browserconfig.xml │ ├── favicon-16x16.png │ ├── favicon-32x32.png │ ├── favicon.ico │ ├── mstile-150x150.png │ ├── safari-pinned-tab.svg │ └── site.webmanifest ├── forkme.png ├── git_logo.png ├── git_logo_min.png ├── gouda.jpg ├── gouda_min.jpg ├── hacktoberfest-logo-min.png ├── hacktoberfest.JPG ├── hacktoberfest_min.JPG ├── iconAni.png ├── insta_logo.jpg ├── insta_logo_min.jpg ├── katrin-leinfellner-571533-unsplash.jpg ├── lingon-saft.png ├── lingon-saft_min.png ├── logo.png ├── logo3.jpg ├── manifest.json ├── monster.jpg ├── monster_min.jpg ├── naruto.gif ├── paneer.jpg ├── paneer_min.jpg ├── riko2.gif ├── roquefort.jpg ├── roquefort_min.jpg ├── sh_icon.png ├── sh_icon_min.png ├── svg │ ├── github.svg │ ├── instagram.svg │ ├── twitter.svg │ └── youtube.svg ├── twi_logo.png ├── twi_logo_min.png ├── you_logo.png ├── you_logo_min.png ├── you_logo_transparent.png └── yt-img │ ├── how-to-pull-request.jpg │ ├── how-to-solve-merge-conflicts.jpg │ └── intro.jpg ├── index.html ├── kotlinconfkeynote.html ├── now.json ├── plain_page.html ├── potato.html ├── register.js ├── robots.txt ├── rpg.html ├── scripts ├── Bankers-Algo-Simulator.js ├── canoi.js ├── cheese.js ├── colorgame.js ├── contributors.js ├── countdown.js ├── drop.js ├── dry.js ├── easter_egg.js ├── explosion.js ├── fireworks.js ├── gifheaven.js ├── hacktoberPest │ ├── hacktoberPest.css │ ├── hacktoberPest.html │ └── spookyBoi.png ├── helpful-material.js ├── iframe.js ├── index.js ├── indices.js ├── konami.js ├── menu.js ├── pokemon.js ├── rpg.js ├── scroll.js ├── snek.js ├── stats.js ├── trylearnhowtoprogram.js └── wow.js ├── snek.html ├── spooky-bat.html ├── spooky.html ├── styles.css ├── sw.js ├── tools.html ├── trylearnhowtoprogram.html ├── values.html └── wow.html /.gitignore: -------------------------------------------------------------------------------- 1 | .idea/workspace.xml 2 | .idea/vcs.xml 3 | .idea/hacktoberfest.iml 4 | .idea/modules.xml 5 | .idea/misc.xml 6 | *.sublime-workspace 7 | -------------------------------------------------------------------------------- /4otakus.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 4Otakus 5 | 6 | 7 | 8 | 9 |
10 |
11 | 12 |

4Otakus animes online

13 | 21 |
22 |
23 |

Lançamentos:

24 |
25 |
26 | Naruto Shippuden 27 |

Naruto Shippuden é a continuação da primeira parte do mangá Naruto, e continua a mesma linha da história após a passagem de dois anos e meio no universo Naruto.

28 | Naruto 29 |
30 |
31 | Boku No Hero Academia 32 |

A história se passa nos dias atuais, exceto que as pessoas com poderes especiais tornaram-se comuns em todo o mundo. Um menino chamado Izuku Midoriya não tem poderes, mas ele ainda sonha.

33 | boku no hero academia 34 |
35 |
36 | Made in Abyss 37 |

enorme sistema de cavernas, conhecido como Abyss, é o único lugar inexplorado no mundo. Ninguém sabe até que ponto este poço titânico está habitado por criaturas estranhas e maravilhosas e cheio de misteriosas relíquias antigas cujo propósito é desconhecido para o homem moderno.

38 | made in abyss 39 |
40 |
41 |
42 |
43 | 53 |
54 |
55 | 56 | -------------------------------------------------------------------------------- /Bankers-Algo-Simulator.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Banker's Algorithm Simulator 6 | 7 | 8 | 9 | 10 |
11 |

Banker's Algorithm Simulator

lucifer
12 |
13 |
14 |
15 | No. of instances of A:      16 | No. of instances of B:      17 | No. of instances of C:      18 |     19 |     20 |     21 |     22 | 23 |
24 |
25 |
26 |
27 |
28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 |
Allocation
ABC
P1
P2
P3
P4
P5
69 |
70 |
71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 |
Max
ABC
P1
P2
P3
P4
P5
112 |
113 |
114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 |
Need
ABC
P1
P2
P3
P4
P5
155 |
156 |
157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 |
Available
ABC
172 |
173 |
174 |
175 |
176 |
177 | Process Sequence :     178 |     179 |     180 |     181 |     182 | 183 |
184 |
185 |
186 | 187 | Operations: 188 | 189 |
190 |
191 |
192 |
193 | 194 | 195 |
196 |
197 |
198 | 199 | 200 | -------------------------------------------------------------------------------- /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- 1 | # Contributor Covenant Code of Conduct 2 | 3 | ## Our Pledge 4 | 5 | In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation. 6 | 7 | ## Our Standards 8 | 9 | Examples of behavior that contributes to creating a positive environment include: 10 | 11 | * Using welcoming and inclusive language. 12 | * Being respectful of differing viewpoints and experiences. 13 | * Gracefully accepting constructive criticism. 14 | * Focusing on what is best for the community. 15 | * Showing empathy towards other community members. 16 | 17 | Examples of unacceptable behavior by participants include: 18 | 19 | * The use of sexualized language or imagery and unwelcome sexual attention or advances 20 | * Trolling, insulting/derogatory comments, and personal or political attacks 21 | * Public or private harassment 22 | * Publishing others' private information, such as a physical or electronic address, without explicit permission 23 | * Other conduct which could reasonably be considered inappropriate in a professional setting 24 | 25 | ## Our Responsibilities 26 | 27 | Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior. 28 | 29 | Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful. 30 | 31 | ## Scope 32 | 33 | This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers. 34 | 35 | ## Enforcement 36 | 37 | Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at contact@lingonsaft.com. The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately. 38 | 39 | Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership. 40 | 41 | ## Attribution 42 | 43 | This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at [http://contributor-covenant.org/version/1/4][version] 44 | 45 | [homepage]: http://contributor-covenant.org 46 | [version]: http://contributor-covenant.org/version/1/4/ 47 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # Contribution rules 2 | 3 | - Project must work when opening index.html 4 | - You are allowed to make pull requests that break the rules. We just won't merge it ;) 5 | - Do NOT add any build steps e.g npm install (we want to keep this a simple static site) 6 | - Do NOT remove Videos, Rules, FAQs or any other helpful content. 7 | - Styling / code can be pretty, ugly or stupid, big or small as long as it works 8 | - Add your name to the contributers.html file 9 | - Add images 10 | -------------------------------------------------------------------------------- /Fireworks.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | Hacktoberfest - Helpful Material 24 | 25 | 26 | 27 | 28 | 41 | 42 |
43 | 44 | 45 |
46 | 78 | 79 | 80 | 81 | 82 | -------------------------------------------------------------------------------- /Flappy.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 12 | 13 | 19 | 20 | 21 | 140 |
141 | 142 | 143 | 144 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2018 lingonsaft 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Hacktoberfest ([Live Website](https://hacktoberfest.lingonsaft.com/)) 2 | 3 | This is a beginner-friendly project to help you get started with your 4 | [hacktoberfest](https://hacktoberfest.digitalocean.com/). If you don't 5 | know where to start, feel free to watch the videos linked below, and 6 | read the contribution rules. Happy hacking <3 !! 7 | 8 | P.S. Star and share this repository, if you had fun! 9 | 10 | 11 | # Videos 12 | 13 | - [Hacktoberfest Intro](https://youtu.be/OsAFX_ZbgaE) 14 | - [How to pull request [Overview]](https://youtu.be/DIj2q02gvKs) 15 | - [Merge Conflict / comment](https://youtu.be/zOx5PJTY8CI) 16 | 17 | 18 | # Contribution rules 19 | 20 | - The project must work when opening index.html 21 | - You are allowed to make pull requests that break the rules. We just won't merge it ;) 22 | - Do NOT add any build steps e.g npm install (we want to keep this a simple static site) 23 | - Do NOT remove Videos, Rules, FAQ or any other helpful content. 24 | - Styling/code can be pretty, ugly or stupid, big or small as long as it works 25 | - Add your name to the contributors.html file 26 | - Try to keep pull requests small to minimize merge conflicts 27 | 28 | 29 | ## Getting Started 30 | 31 | - Fork this repo (button on top) 32 | - Clone on your local machine 33 | 34 | ```terminal 35 | git clone https://github.com/lingonsaft/hacktoberfest.git 36 | cd hacktoberfest 37 | ``` 38 | 39 | - Create a new branch 40 | 41 | ```markdown 42 | git checkout -b my-new-branch 43 | ``` 44 | - Add your contribution 45 | - Commit and push 46 | 47 | ```markdown 48 | git add . 49 | git commit -m "your-commit-msg" 50 | git push origin my-new-branch 51 | ``` 52 | 53 | - Create a new pull request from your forked repository 54 | 55 | 56 | ## Avoid Conflicts (Syncing your fork) 57 | 58 | An easy way to avoid conflicts is to add an 'upstream' for your git repo, as other PR's may be merged while you're working on your branch/fork. 59 | 60 | ```terminal 61 | git remote add upstream https://github.com/lingonsaft/hacktoberfest 62 | ``` 63 | 64 | You can verify that the new remote has been added by typing 65 | ```terminal 66 | git remote -v 67 | ``` 68 | 69 | To pull any new changes from your parent repo simply run 70 | ```terminal 71 | git merge upstream/master 72 | ``` 73 | 74 | This will give you any eventual conflicts and allow you to easily solve them in your repo. It's a good idea to use it frequently in between your own commits to make sure that your repo is up to date with its parent. 75 | 76 | For more information on syncing forks [read this article from Github](https://help.github.com/articles/syncing-a-fork/). 77 | 78 | 79 | # FAQs 80 | 81 | - Who can contribute? 82 | - Anyone with a github account and who is signed up for 83 | [hacktoberfest](https://hacktoberfest.digitalocean.com/) :) 84 | - Are you getting paid for this? 85 | - Sadly no. But we think we should. This is 100% unofficial and we do it for fun, fame and glory. 86 | - Who are you and why are you doing this? 87 | - We are two programmers from Sweden [Richard](https://github.com/richie-south) 88 | and [Benny](https://github.com/BennyCarlsson). We are doing this because we love Open 89 | Source and Hacktoberfest. We want to make it easier for people to get started with Hacktoberfest and Open Source. 90 | - Why are you not using digitalocean? 91 | - Because we only know JavaScript and suck at servers. We use [now](https://zeit.co/now) instead. 92 | - Are you not the guys from that failed [CodeCardCodingCards](https://www.kickstarter.com/projects/lingonsaft/codecardcodingcards) kickstarter? 93 | - Yes... 94 | - Should I come closer to the text saying 'Don't come closer' on the left side of the home tab ? 95 | - Nope. 96 | - How many pull request (PR) must be made, if I can get a awesome shirt from Hacktoberfest 2018? 97 | - 5 98 | - How do I track my progress to get an awesome shirt from Hacktoberfest 2018? 99 | - go to : https://hacktoberfest.digitalocean.com/stats/ (Scroll down to Check Out Your Own Stats) 100 | - What is the duration of Hacktoberfest 2018? 101 | - It is from 1st october to 31st october 2018... 102 | - What is the event for? 103 | - For the open source community engagement 104 | 105 | 106 | 107 | ###### *We will do our best to merge as much as possible from everyone. However, time is limited and the merge conflicts are horrible <3* 108 | -------------------------------------------------------------------------------- /bubble.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 |

console brah

9 | 10 | 63 | 64 | 65 | -------------------------------------------------------------------------------- /canoi.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | !!HACKTOBERFEST!! 38 | 39 | 40 | 41 | 42 | 50 | 51 | 52 | 53 | 54 | 84 |
85 | 86 |

87 |
88 | 104 | 110 | 111 | 112 | 113 | 114 | -------------------------------------------------------------------------------- /colorgame.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Color Game 7 | 8 | 9 | 10 | 11 |

Color Game

12 |
13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 | 30 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /css/4otakus.css: -------------------------------------------------------------------------------- 1 | body{ 2 | 3 | font-family: Helvetica, sans-serif; 4 | background-color: grey; 5 | } 6 | 7 | a:link, a:visited{ 8 | 9 | text-decoration: none; 10 | } 11 | a:hover{ 12 | 13 | text-decoration: underline; 14 | } 15 | 16 | #wrap{ 17 | 18 | width: 920px; 19 | margin: auto; 20 | padding: 10px 20px; 21 | background: #000000; 22 | overflow: hidden; 23 | } 24 | .logo{ 25 | 26 | width: 60px; 27 | height: 60px; 28 | } 29 | .titulo{ 30 | 31 | color: white; 32 | float: right; 33 | padding-right: 300px; 34 | margin: 10px; 35 | } 36 | .menuPrincipal{ 37 | 38 | list-style: none; 39 | margin-top: 18px; 40 | padding-left: 300px; 41 | 42 | } 43 | header nav ul li{ 44 | 45 | display: inline-block; 46 | margin-left: 10px; 47 | font-size: 18px; 48 | } 49 | header nav ul li a{ 50 | 51 | color: white; 52 | } 53 | #conteudo{ 54 | 55 | margin-top: 40px; 56 | float: left; 57 | width: 610px; 58 | padding: 10px; 59 | 60 | } 61 | .borda{ 62 | 63 | border-width: 3px; 64 | border-style: solid; 65 | border-color: #6A5ACD; 66 | margin-bottom: 10px; 67 | } 68 | .name{ 69 | 70 | float: right; 71 | color: #6A5ACD; 72 | padding-right: 180px; 73 | font-size: 17px; 74 | margin-top: 10px; 75 | font-weight: bolder; 76 | 77 | } 78 | .proLado{ 79 | 80 | float: right; 81 | width: 300px; 82 | padding-right: 40px; 83 | margin: 10px; 84 | } 85 | .sectionImagens{ 86 | 87 | width: 200px; 88 | } 89 | #sidebar{ 90 | 91 | margin-top: 40px; 92 | float: right; 93 | width: 280px; 94 | } 95 | 96 | aside ol li a{ 97 | 98 | color: grey; 99 | } 100 | .cor{ 101 | 102 | color: white; 103 | } -------------------------------------------------------------------------------- /css/Bankers-Algo-Simulator.css: -------------------------------------------------------------------------------- 1 | body{ 2 | height:100%; 3 | width:99%; 4 | } 5 | 6 | button{ 7 | border-color: black; 8 | padding: 7px; 9 | border-radius: 15px; 10 | background-color: orange; 11 | } 12 | 13 | td, th{ 14 | padding: 5px; 15 | background-color: skyblue; 16 | } 17 | 18 | input{ 19 | padding: 8px; 20 | border-radius: 15px; 21 | border-color: black; 22 | } 23 | 24 | .wrapper{ 25 | padding:10px; 26 | } 27 | 28 | .tables{ 29 | padding-bottom:8%; 30 | } 31 | 32 | .allocation{ 33 | width:23%; 34 | float:left; 35 | } 36 | 37 | .max{ 38 | width:23%; 39 | float:left; 40 | } 41 | 42 | .need{ 43 | width:23%; 44 | float:left; 45 | } 46 | 47 | .available{ 48 | width:23%; 49 | float:left; 50 | } 51 | 52 | .input{ 53 | padding:20px; 54 | } 55 | 56 | .seq{ 57 | padding-top:3%; 58 | } 59 | 60 | .comparison{ 61 | padding-top: 10%; 62 | padding-left: 7%; 63 | } 64 | 65 | .cname{ 66 | color: white; 67 | text-decoration: none; 68 | } 69 | 70 | .cname:hover{ 71 | color:black; 72 | font-size: 24px; 73 | } 74 | -------------------------------------------------------------------------------- /css/cheese.css: -------------------------------------------------------------------------------- 1 | .spinCard { 2 | -webkit-animation: spin 4s linear reverse infinite; 3 | animation: spin 4s linear reverse infinite; 4 | } 5 | @-webkit-keyframes spin { 6 | 100% { 7 | -webkit-transform: rotate(360deg); 8 | } 9 | } 10 | @keyframes spin { 11 | 100% { 12 | -webkit-transform: rotate(360deg); 13 | transform: rotate(360deg); 14 | } 15 | } 16 | 17 | .cheese-body { 18 | background-image: url("../images/katrin-leinfellner-571533-unsplash.jpg"); 19 | font-size: 16px; 20 | color: #57283e; 21 | line-height: 1.6; 22 | background-color: mistyrose; 23 | } 24 | .cheese-container { 25 | border: 3px dashed #00f9d0; 26 | } 27 | 28 | .click-for-cheese { 29 | color: #2dc0da; 30 | background-color: #57283e; 31 | } 32 | 33 | .copy { 34 | padding-left: 50%; 35 | } 36 | 37 | .list { 38 | list-style-type: none; 39 | } 40 | 41 | .container a { 42 | text-decoration: none; 43 | color: #ff0844; 44 | } 45 | 46 | .container a:hover { 47 | text-decoration: none; 48 | color: #cc0636; 49 | } 50 | 51 | .jumbotron { 52 | padding-top: var(--jumbotron-padding-y); 53 | padding-bottom: var(--jumbotron-padding-y); 54 | margin-bottom: 0; 55 | background-color: #fff; 56 | border: 10px double #21ffff; 57 | } 58 | 59 | .cheesetron-1 { 60 | padding: 100px; 61 | background-image: url("../images/gouda.jpg"); 62 | background-size: cover; 63 | } 64 | .cheesetron-2 { 65 | padding: 100px; 66 | background-image: url("../images/roquefort.jpg"); 67 | background-size: cover; 68 | } 69 | .cheesetron-3 { 70 | padding: 100px; 71 | background-image: url("../images/monster.jpg"); 72 | } 73 | @media (min-width: 768px) { 74 | .jumbotron { 75 | padding-top: calc(var(--jumbotron-padding-y) * 2); 76 | padding-bottom: calc(var(--jumbotron-padding-y) * 2); 77 | } 78 | } 79 | 80 | .jumbotron p:last-child { 81 | margin-bottom: 0; 82 | } 83 | 84 | .jumbotron-heading { 85 | font-weight: 300; 86 | } 87 | 88 | .jumbotron .container { 89 | max-width: 40rem; 90 | background-color: #ff9a56; 91 | } 92 | 93 | .sublogo { 94 | position: absolute; 95 | top: 16px; 96 | left: 197px; 97 | right: 0px; 98 | float: left; 99 | z-index: 10; 100 | width: 97px; 101 | height: 22px; 102 | opacity: 0; 103 | } 104 | 105 | .sublogo:hover { 106 | position: absolute; 107 | top: 16px; 108 | left: 197px; 109 | right: 0px; 110 | float: left; 111 | z-index: 10; 112 | width: 97px; 113 | height: 255px; 114 | opacity: 100; 115 | } 116 | 117 | .myBtnCheese { 118 | display: none; 119 | position: fixed; 120 | bottom: 20px; 121 | right: 30px; 122 | z-index: 99; 123 | cursor: pointer; 124 | /* padding: 15px; */ 125 | width: 51px; 126 | height: 50px; 127 | padding: 0; 128 | border-radius: 34px; 129 | background-color: #57283e; 130 | } 131 | -------------------------------------------------------------------------------- /css/colorgame.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: #232323; 3 | font-family: "Arial"; 4 | margin: 0; 5 | } 6 | 7 | .square { 8 | width: 30%; 9 | background-color: purple; 10 | padding-bottom: 30%; 11 | margin: 1.66%; 12 | float: left; 13 | transition: 0.6s; 14 | border-radius: 15%; 15 | } 16 | 17 | .container { 18 | max-width: 600px; 19 | margin: 20px auto; 20 | } 21 | 22 | h1 { 23 | color: white; 24 | text-align: center; 25 | text-transform: uppercase; 26 | background-color: steelblue; 27 | margin: 0; 28 | line-height: 1.5; 29 | padding: 20px 0; 30 | transition: 0.6s; 31 | } 32 | 33 | #colorDisplay { 34 | font-size: 200%; 35 | } 36 | 37 | #message { 38 | display: inline-block; 39 | width: 200px; 40 | } 41 | 42 | #stripe { 43 | background-color: white; 44 | height: 30px; 45 | text-align: center; 46 | } 47 | 48 | .selected { 49 | background-color: steelblue; 50 | color: white; 51 | } 52 | 53 | button { 54 | border: none; 55 | font-weight: 700; 56 | background: none; 57 | height: 100%; 58 | letter-spacing: 1px; 59 | text-transform: uppercase; 60 | font-size: inherit; 61 | outline: none; 62 | } 63 | 64 | button:hover { 65 | color: white; 66 | background-color: steelblue; 67 | transition: 0.3s; 68 | } 69 | -------------------------------------------------------------------------------- /css/contributors.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=latin-ext'); 2 | @import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900&subset=latin-ext'); 3 | 4 | *, 5 | *::before, 6 | *::after { 7 | -webkit-box-sizing: inherit; 8 | box-sizing: inherit; 9 | -webkit-font-smoothing: antialiased; 10 | -moz-osx-font-smoothing: grayscale; 11 | } 12 | ::selection { 13 | background-color: #4835f7; 14 | color: #fff; 15 | } 16 | * { 17 | outline: none!important; 18 | } 19 | html { 20 | -webkit-box-sizing: border-box; 21 | box-sizing: border-box; 22 | } 23 | h1,h2,h3,h4,h5,h6 { 24 | font-family: 'Montserrat',sans-serif; 25 | line-height: 1.5; 26 | } 27 | html, 28 | body { 29 | background-color: #fff; 30 | } 31 | body { 32 | display: -webkit-box; 33 | display: -webkit-flex; 34 | display: -ms-flexbox; 35 | display: flex; 36 | -webkit-box-orient: vertical; 37 | -webkit-box-direction: normal; 38 | -ms-flex-direction: column; 39 | flex-direction: column; 40 | margin: 0; 41 | min-height: 100vh; 42 | padding: 0 0 1.5rem; 43 | position: relative; 44 | font-family: "Open Sans",sans-serif; 45 | font-size: 16px; 46 | } 47 | 48 | canvas { 49 | cursor: crosshair; 50 | display: block; 51 | } 52 | 53 | a { 54 | /* color: #fff; */ 55 | color: black; 56 | text-decoration: none; 57 | } 58 | a:hover { 59 | text-decoration: none; 60 | } 61 | 62 | .content { 63 | margin-top: 80px; 64 | } 65 | .box { 66 | position: relative; 67 | display: flex; 68 | flex-wrap: wrap; 69 | } 70 | .box-item { 71 | position: relative; 72 | display: inline-block; 73 | float: left; 74 | background-color: #FEEEF2; 75 | color: #444; 76 | width: 250px; 77 | cursor: pointer; 78 | border-radius: 0.4rem; 79 | padding: 15px 8px 15px 70px; 80 | margin: 0 10px 20px; 81 | font-size: 1rem; 82 | vertical-align: middle; 83 | text-overflow: ellipsis; 84 | overflow-x: hidden; 85 | white-space: nowrap; 86 | } 87 | .box-item:hover { 88 | background-color: #FE0C43; 89 | } 90 | .box-item::before { 91 | content: ""; 92 | display: table; 93 | clear: both; 94 | } 95 | .box-item img { 96 | position: absolute; 97 | top: 2px; 98 | left: 3px; 99 | width: 50px; 100 | float: left; 101 | margin-right: 15px; 102 | padding: 4px; 103 | } 104 | .box-item:hover a { 105 | color: #fff; 106 | } 107 | -------------------------------------------------------------------------------- /css/drop.css: -------------------------------------------------------------------------------- 1 | .drop1 { 2 | 3 | 4 | width:1px; 5 | height:89px; 6 | position: absolute; 7 | bottom:200px; 8 | font-family: sans-serif; 9 | font-size:30px; 10 | animation: fall 3.63s linear infinite; 11 | } 12 | .drop2{ 13 | 14 | 15 | width:1px; 16 | height:89px; 17 | position: absolute; 18 | bottom:200px; 19 | font-family: sans-serif; 20 | font-size:30px; 21 | animation: fall 2.63s linear infinite; 22 | 23 | 24 | } 25 | .drop3 { 26 | 27 | 28 | width:1px; 29 | height:89px; 30 | position: absolute; 31 | bottom:200px; 32 | font-family: sans-serif; 33 | font-size:30px; 34 | animation: fall 3s linear infinite; 35 | 36 | 37 | } 38 | .drop4 { 39 | 40 | 41 | width:1px; 42 | height:89px; 43 | position: absolute; 44 | bottom:200px; 45 | font-family: sans-serif; 46 | font-size:30px; 47 | animation: fall 2.13s linear infinite; 48 | 49 | 50 | } 51 | .drop5 { 52 | 53 | 54 | width:1px; 55 | height:89px; 56 | position: absolute; 57 | bottom:200px; 58 | font-family: sans-serif; 59 | font-size:30px; 60 | animation: fall 1.3s linear infinite; 61 | 62 | 63 | } 64 | .drop6 { 65 | 66 | 67 | width:1px; 68 | height:89px; 69 | position: absolute; 70 | bottom:200px; 71 | font-family: sans-serif; 72 | font-size:30px; 73 | animation: fall 5.63s linear infinite; 74 | 75 | 76 | } 77 | .drop7 { 78 | 79 | 80 | width:1px; 81 | height:89px; 82 | position: absolute; 83 | bottom:200px; 84 | font-family: sans-serif; 85 | font-size:30px; 86 | animation: fall 4.63s linear infinite; 87 | 88 | 89 | } 90 | .drop8 { 91 | 92 | 93 | width:1px; 94 | height:89px; 95 | position: absolute; 96 | bottom:200px; 97 | font-family: sans-serif; 98 | font-size:30px; 99 | animation: fall 5.63s linear infinite; 100 | 101 | 102 | } 103 | .drop9 { 104 | 105 | 106 | width:1px; 107 | height:89px; 108 | position: absolute; 109 | bottom:200px; 110 | font-family: sans-serif; 111 | font-size:30px; 112 | animation: fall 2.63s linear infinite; 113 | 114 | 115 | } 116 | .drop10 { 117 | 118 | 119 | width:1px; 120 | height:89px; 121 | position: absolute; 122 | bottom:200px; 123 | font-family: sans-serif; 124 | font-size:30px; 125 | animation: fall 3.3s linear infinite; 126 | 127 | 128 | } 129 | 130 | /* animate the drops*/ 131 | @keyframes fall { 132 | to {margin-top:900px;} 133 | } -------------------------------------------------------------------------------- /css/dry.css: -------------------------------------------------------------------------------- 1 | .dry-container { 2 | display: flex; 3 | justify-content: center; 4 | } 5 | 6 | .dry-game { 7 | border-radius: 10px; 8 | margin-top: 110px; 9 | cursor: pointer; 10 | } 11 | -------------------------------------------------------------------------------- /css/explosion.css: -------------------------------------------------------------------------------- 1 | .explosion { 2 | position: absolute; 3 | width: 600px; 4 | height: 600px; 5 | pointer-events: none; 6 | } 7 | .explosion .particle { 8 | position: absolute; 9 | width: 10px; 10 | height: 10px; 11 | border-radius: 50%; 12 | animation: pop 1s reverse forwards; 13 | } 14 | 15 | @keyframes pop { 16 | from { 17 | opacity: 0; 18 | } 19 | to { 20 | top: 50%; 21 | left: 50%; 22 | opacity: 1; 23 | } 24 | } 25 | 26 | -------------------------------------------------------------------------------- /css/footer.css: -------------------------------------------------------------------------------- 1 | #footer { 2 | position: fixed; 3 | left: 0; 4 | bottom: 0; 5 | width: 100vw; 6 | /* height: 100px; */ 7 | background: linear-gradient(to left, #FF0844, #FF4563); 8 | box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); 9 | color: white; 10 | text-align: center; 11 | z-index: 1000; 12 | } 13 | 14 | #footer h3 { 15 | padding: 5px; 16 | height: 25px; 17 | } 18 | 19 | .footer-icon { 20 | color: #e6e6fa; 21 | } 22 | 23 | .social-icons { 24 | padding: 5px; 25 | } 26 | 27 | .social-icons> a img { 28 | transition: all .2s ease-in-out; 29 | } 30 | 31 | .social-icons> a img:hover { 32 | -webkit-transform: scale(1.1); 33 | transform: scale(1.1); 34 | } 35 | 36 | #footer h3 span:hover { 37 | cursor: pointer; 38 | cursor: hand; 39 | } 40 | 41 | .hacktoberfest-image { 42 | display: flex; 43 | justify-content: center; 44 | margin-bottom: 80px; 45 | } 46 | 47 | #backToTop { 48 | display: none; 49 | position: fixed; 50 | bottom: 50px; 51 | right: 30px; 52 | z-index: 999; 53 | cursor: pointer; 54 | border-radius: 50%; 55 | border: none; 56 | background-color: #FF0844; 57 | padding: 6px 10px 10px; 58 | z-index: 1001; 59 | animation: backToTopShowAnim .3s; 60 | transition: transform .2s ease-out; 61 | } 62 | #backToTop svg { 63 | width: 25px; 64 | height: auto; 65 | opacity: .6; 66 | } 67 | #backToTop:hover svg { 68 | opacity: 1; 69 | } 70 | #backToTop:hover{transform: scale(1.1);} 71 | #backToTop.mousedown{transform: translateY(3px);} 72 | #backToTop.startscrolling{ 73 | animation: backToTopScrollingAnimation .8s infinite; 74 | animation-timing-function: linear; 75 | } 76 | @keyframes backToTopShowAnim{ 77 | 0%{transform: scale(0)} 78 | 50%{transform: scale(1.3)} 79 | 100%{transform: scale(1)} 80 | } 81 | @keyframes backToTopScrollingAnimation{ 82 | from{transform: rotate(0deg)} 83 | to{transform: rotate(360deg)} 84 | } 85 | -------------------------------------------------------------------------------- /css/foxy.css: -------------------------------------------------------------------------------- 1 | .container{ 2 | display: flex; 3 | flex-flow: column wrap; 4 | width: 100%; 5 | padding: 2.5vh 2.5vw; 6 | margin: 2.5vh 2.5vw; 7 | } 8 | 9 | .row{ 10 | display: flex; 11 | flex-flow: row wrap; 12 | width: auto; 13 | justify-content: space-around; 14 | align-items: center; 15 | } 16 | 17 | .column{ 18 | display: flex; 19 | flex-flow:column wrap; 20 | width: auto; 21 | align-self: center; 22 | } -------------------------------------------------------------------------------- /css/gifheaven.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: black; 3 | } 4 | 5 | .gifs{ 6 | margin-top: 100px; 7 | } 8 | 9 | .doggo{ 10 | height: 0; 11 | transition: height 1s; 12 | -webkit-transition: height 1s; 13 | } 14 | -------------------------------------------------------------------------------- /css/helpful-material.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900'); 2 | * { 3 | outline: none!important; 4 | } 5 | body { 6 | font-family: 'Source Sans Pro',sans-serif; 7 | font-size: 16px; 8 | color: #444; 9 | line-height: 1.6; 10 | background-color: white; 11 | } 12 | 13 | h1,h2,h3,h4,h5,h6 { 14 | 15 | } 16 | h1,h2,h3 { 17 | font-weight: bold; 18 | } 19 | h1 { 20 | font-size: 2em; 21 | } 22 | h2 { 23 | font-size: 1.5em; 24 | } 25 | h3 { 26 | font-size: 1.17em; 27 | } 28 | 29 | .copy { 30 | padding-left: 50%; 31 | } 32 | 33 | .guides { 34 | margin-bottom: 4rem; 35 | } 36 | 37 | .os { 38 | text-align: center; 39 | font-weight: bold; 40 | margin: 8px; 41 | } 42 | 43 | .container { 44 | max-width: 1100px; 45 | margin: 5rem auto 8rem; 46 | } 47 | .container a { 48 | text-decoration: none; 49 | color: #FF0844; 50 | } 51 | 52 | .container a:hover { 53 | text-decoration: none; 54 | color: #cc0636; 55 | } 56 | 57 | #myBtn { 58 | display: none; 59 | position: fixed; 60 | bottom: 20px; 61 | right: 30px; 62 | z-index: 99; 63 | cursor: pointer; 64 | /* padding: 15px; */ 65 | width: 51px; 66 | height: 50px; 67 | padding: 0; 68 | border-radius: 34px; 69 | } 70 | 71 | a.guides-links{ 72 | display: inline-block; 73 | margin-bottom: 80px 74 | } 75 | 76 | .section-tree { 77 | display: flex; 78 | flex-direction: row; 79 | flex-wrap: wrap; 80 | justify-content: space-between; 81 | } 82 | .section { 83 | margin: 0 0 60px; 84 | flex: 0 0 45%; 85 | } 86 | 87 | .list { 88 | padding-left: 1.2rem; 89 | } 90 | .list-item a:hover { 91 | text-decoration: underline; 92 | } -------------------------------------------------------------------------------- /css/navbar.css: -------------------------------------------------------------------------------- 1 | .navbar { 2 | padding: 0.5rem 2rem; 3 | } 4 | nav { 5 | background-color: black; 6 | } 7 | .navbar-nav { 8 | width: 100%; 9 | } 10 | .navbar-brand { 11 | line-height: 1; 12 | margin-right: 1rem; 13 | } 14 | .navbar-brand svg { 15 | height: 37px; 16 | width: auto; 17 | vertical-align: middle; 18 | } 19 | .navbar-light .navbar-nav .nav-link { 20 | color: #444; 21 | position: relative; 22 | padding: 10px; 23 | margin: 0 10px !important; 24 | } 25 | .navbar-light .navbar-nav .active> .nav-link { 26 | color: #ff0844; 27 | font-weight: 700; 28 | background-color: #99b3ff; 29 | } 30 | 31 | .navbar-light .navbar-nav .dropdown.show> .nav-link { 32 | color: #ff0844; 33 | } 34 | .navbar-light .navbar-nav .nav-link::before { 35 | background-color: currentColor; 36 | bottom: -1px; 37 | content: ""; 38 | height: 1px; 39 | left: auto; 40 | right: 0; 41 | position: absolute; 42 | -webkit-transition: width 0.2s ease-in-out; 43 | -o-transition: width 0.2s ease-in-out; 44 | transition: width 0.2s ease-in-out; 45 | width: 0; 46 | } 47 | .navbar-light .navbar-nav .nav-social::before { 48 | content: none; 49 | } 50 | .navbar-light .navbar-nav .nav-social:hover { 51 | content: none; 52 | transition: 0.3s; 53 | transform: scale(1.2); 54 | } 55 | .navbar-light .navbar-nav .nav-link:hover { 56 | color: rgb(0, 0, 0); 57 | } 58 | .navbar-light .navbar-nav .nav-link:hover::before { 59 | left: 0; 60 | right: auto; 61 | width: 100%; 62 | } 63 | .nav-link svg { 64 | width: auto; 65 | height: 25px; 66 | vertical-align: text-top; 67 | } 68 | .dropdown-menu-others { 69 | display: none; 70 | position: relative; 71 | box-shadow: none; 72 | } 73 | .show-dropdown { 74 | display: block; 75 | } 76 | @media only screen and (min-width: 991px) { 77 | .dropdown-menu-others { 78 | position: absolute; 79 | background: white; 80 | -webkit-box-shadow: 13px 11px 48px 0px rgba(0, 0, 0, 0.55); 81 | -moz-box-shadow: 13px 11px 48px 0px rgba(0, 0, 0, 0.55); 82 | box-shadow: 13px 11px 48px 0px rgba(0, 0, 0, 0.55); 83 | transition: all 500ms ease; 84 | } 85 | } 86 | 87 | .dropdown-content { 88 | display: none; 89 | position: absolute; 90 | background-color: white; 91 | min-width: 160px; 92 | box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); 93 | z-index: 1; 94 | overflow-y: scroll; 95 | height: 80vh; 96 | } 97 | 98 | .dropdown:hover .dropdown-content { 99 | display: block; 100 | } 101 | -------------------------------------------------------------------------------- /css/potato.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-image: linear-gradient(45deg, white, lightblue); 3 | background-position: center; 4 | background-repeat: no-repeat; 5 | background-size: cover; 6 | background-attachment: fixed; 7 | } 8 | 9 | h4.hero-heading 10 | { 11 | font-weight:700; 12 | color:#FFF; 13 | } 14 | 15 | h1.hero-heading 16 | { 17 | font-weight:900; 18 | color:#FFF; 19 | } 20 | 21 | td, th { 22 | padding: 0.5em 2em; 23 | } 24 | -------------------------------------------------------------------------------- /css/rpg.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: whitesmoke; 3 | font-family: Arial, sans-serif; 4 | } 5 | #rpg{ 6 | display: flex; 7 | justify-content: space-between; 8 | } 9 | .character-box { 10 | background-color: white; 11 | box-shadow: 0 4px 10px #444; 12 | padding: 10px 20px; 13 | width: 100%; 14 | margin: 20px; 15 | transition: all .5s ease-in-out; 16 | } 17 | .character-box:hover { 18 | transform: scale(1.1); 19 | } 20 | 21 | .character-box h1 { 22 | font-size: 20px; 23 | } 24 | .character-box h2 { 25 | font-size: 14px; 26 | } 27 | .character-box p { 28 | font-size: 12px; 29 | } 30 | -------------------------------------------------------------------------------- /css/sidebar.css: -------------------------------------------------------------------------------- 1 | .icon-bar { 2 | position: fixed; 3 | top: 50%; 4 | -webkit-transform: translateY(-50%); 5 | -ms-transform: translateY(-50%); 6 | transform: translateY(-50%); 7 | z-index: 9999; 8 | width: 70px; 9 | transition-property: width; 10 | transition-duration: 1.5s; 11 | transition-delay: 0.25s; 12 | } 13 | 14 | .icon-bar:hover { 15 | width: 120px; 16 | } 17 | 18 | /* Style the icon bar links */ 19 | .icon-bar a { 20 | display: block; 21 | text-align: center; 22 | padding: 0.5rem 1rem 0.5rem 1rem; 23 | transition: all 0.3s ease; 24 | color: white; 25 | font-size: 20px; 26 | } 27 | 28 | .twitter { 29 | background: #55acee; 30 | color: white; 31 | } 32 | .twitter:hover { 33 | 34 | } 35 | 36 | .instagram { 37 | background: #f09433; 38 | background: -moz-linear-gradient( 39 | 45deg, 40 | #f09433 0%, 41 | #e6683c 25%, 42 | #dc2743 50%, 43 | #cc2366 75%, 44 | #bc1888 100% 45 | ); 46 | background: -webkit-linear-gradient( 47 | 45deg, 48 | #f09433 0%, 49 | #e6683c 25%, 50 | #dc2743 50%, 51 | #cc2366 75%, 52 | #bc1888 100% 53 | ); 54 | background: linear-gradient( 55 | 45deg, 56 | #f09433 0%, 57 | #e6683c 25%, 58 | #dc2743 50%, 59 | #cc2366 75%, 60 | #bc1888 100% 61 | ); 62 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); 63 | } 64 | .youtube { 65 | background: #bb0000; 66 | color: white; 67 | } 68 | -------------------------------------------------------------------------------- /css/snek.css: -------------------------------------------------------------------------------- 1 | h5 { 2 | color: #FF174B, 3 | } 4 | 5 | g { 6 | fill: #FF174B, 7 | } 8 | 9 | .dropdown-toggle{ 10 | color: rgba(255,255,255,.5); 11 | } 12 | 13 | .snek-play{ 14 | margin: 10px; 15 | } -------------------------------------------------------------------------------- /css/spooky-bat.css: -------------------------------------------------------------------------------- 1 | body, a { 2 | background-color: black; 3 | color: red; 4 | font-family: 'Nosifer', cursive; 5 | } 6 | 7 | div { 8 | height: 10em; 9 | display: flex; 10 | align-items: center; 11 | justify-content: center 12 | } 13 | 14 | img { 15 | border-radius: 50%; 16 | width: 40%; 17 | height: auto; 18 | display: block; 19 | margin-left: auto; 20 | margin-right: auto; 21 | } 22 | -------------------------------------------------------------------------------- /css/terminal.css: -------------------------------------------------------------------------------- 1 | .terminal, 2 | .terminal * { 3 | transition: 0s ease-in-out; 4 | position: relative; 5 | font-family: monospace; 6 | background: black; 7 | text-decoration: none; 8 | color: green; 9 | border: none; 10 | border-radius: 0 !important; /* Because style="" *sigh* */ 11 | box-shadow: none !important; 12 | } 13 | 14 | .terminal [class~="bg-primary"], 15 | .terminal [class~="bg-primary"] *, 16 | .terminal #footer, 17 | .terminal #footer * { 18 | color: white; 19 | background: green !important; /* To override Bootstrap important background */ 20 | } 21 | 22 | .terminal .btn-youtube, 23 | .terminal .btn-youtube * { 24 | color: white; 25 | background: red !important; /* To override gradient */ 26 | } 27 | 28 | .terminal #contribution-rules, 29 | .terminal #contribution-rules * { 30 | color: white; 31 | background: green; 32 | } -------------------------------------------------------------------------------- /css/tools.css: -------------------------------------------------------------------------------- 1 | .table-header { 2 | background-color: rgb(245, 137, 164); 3 | } 4 | table { 5 | table-layout: fixed; 6 | } 7 | section { 8 | margin-top: 75px; 9 | } 10 | 11 | a { 12 | color: #ff0844; 13 | } 14 | a:hover { 15 | color: #96334f; 16 | } 17 | -------------------------------------------------------------------------------- /css/trylearnhowtoprogram.css: -------------------------------------------------------------------------------- 1 | .more { 2 | background-color: rgb(40, 167, 69); 3 | } 4 | 5 | .badge { 6 | margin: 0 1rem; 7 | font-size: 1.5rem; 8 | } 9 | 10 | #main-body { 11 | margin-top: 2rem; 12 | } 13 | 14 | .card { 15 | padding: 1rem; 16 | } 17 | 18 | .correct { 19 | background-color: #00C851; 20 | color: #fff; 21 | } 22 | .incorrect { 23 | background-color: #CC0000; 24 | color: #fff; 25 | } 26 | #originalInput { 27 | font-size:4em; 28 | font-weight:bold; 29 | font-family:monospace; 30 | } 31 | .error { 32 | color: red; 33 | size: .89em; 34 | } 35 | -------------------------------------------------------------------------------- /dry.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | !!STAY DRY HACKTOBERFEST!! 37 | 38 | 39 | 40 | 41 | 42 | 50 | 51 | 52 | 73 | 74 |
75 | 76 | 77 | 78 |
79 |
80 | 81 |
82 |
83 | 84 | 85 |
86 |
87 | 88 | 89 | 90 |
91 |
92 | 93 | 94 | 95 |
96 |
97 | 98 | 99 | 100 |
101 |
102 | 103 | 104 | 105 |
106 |
107 | 108 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 125 | 126 | 127 | 128 | 129 | 130 | 133 | 134 | 135 | 136 | 137 | -------------------------------------------------------------------------------- /foxy.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Foxy 8 | 9 | 10 | 11 |

You Must Construct Additional Pylons

12 |

You Must Construct Additional Pylons

13 |

You Must Construct Additional Pylons

14 |

You Must Construct Additional Pylons

15 |

You Must Construct Additional Pylons

16 |

You Must Construct Additional Pylons

17 |

You Must Construct Additional Pylons

18 |

You Must Construct Additional Pylons

19 |

You Must Construct Additional Pylons

20 |

You Must Construct Additional Pylons

21 | 22 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /gifheaven.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Hacktoberfest - Helpful Material 20 | 21 | 22 | 23 | 24 | 54 |
55 | 59 |

Trending GIFs For You!

60 | 61 |
62 | 63 |
64 |
65 |

66 |
67 |
68 |

69 |
70 |
71 | 72 | 73 |
74 |

75 |
76 | 77 |

78 |
79 | 95 | 96 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 117 | 118 | 119 | 120 | 121 | -------------------------------------------------------------------------------- /humans.txt: -------------------------------------------------------------------------------- 1 | /* TEAM */ 2 | Owner: Lingonsaft. 3 | Site:- https://hacktoberfest.lingonsaft.com/ 4 | Twitter:- https://twitter.com/lingonsaft1 5 | Instagram:- https://www.instagram.com/lingonsaftofficial/ 6 | 7 | /* THANKS */ 8 | To all contributors! 9 | -------------------------------------------------------------------------------- /images/Fire_Emoji-min.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/Fire_Emoji-min.png -------------------------------------------------------------------------------- /images/NinjaDuck_min.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/NinjaDuck_min.jpg -------------------------------------------------------------------------------- /images/ani.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/ani.jpg -------------------------------------------------------------------------------- /images/bats/batcat.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/bats/batcat.jpg -------------------------------------------------------------------------------- /images/bats/batman.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/bats/batman.jpg -------------------------------------------------------------------------------- /images/bats/darkbat.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/bats/darkbat.jpg -------------------------------------------------------------------------------- /images/bats/sleepy-bat.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/bats/sleepy-bat.jpg -------------------------------------------------------------------------------- /images/browserconfig.xml: -------------------------------------------------------------------------------- 1 | 2 | #ffffff -------------------------------------------------------------------------------- /images/deku.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/deku.gif -------------------------------------------------------------------------------- /images/disappointed.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/disappointed.jpg -------------------------------------------------------------------------------- /images/favicon/android-chrome-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/favicon/android-chrome-192x192.png -------------------------------------------------------------------------------- /images/favicon/android-chrome-256x256.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/favicon/android-chrome-256x256.png -------------------------------------------------------------------------------- /images/favicon/android-chrome-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/favicon/android-chrome-512x512.png -------------------------------------------------------------------------------- /images/favicon/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/favicon/apple-touch-icon.png -------------------------------------------------------------------------------- /images/favicon/browserconfig.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | #da532c 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /images/favicon/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/favicon/favicon-16x16.png -------------------------------------------------------------------------------- /images/favicon/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/favicon/favicon-32x32.png -------------------------------------------------------------------------------- /images/favicon/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/favicon/favicon.ico -------------------------------------------------------------------------------- /images/favicon/mstile-150x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/favicon/mstile-150x150.png -------------------------------------------------------------------------------- /images/favicon/safari-pinned-tab.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | 7 | 8 | Created by potrace 1.11, written by Peter Selinger 2001-2013 9 | 10 | 12 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /images/favicon/site.webmanifest: -------------------------------------------------------------------------------- 1 | { 2 | "name": "!!HACKTOBERFEST!!", 3 | "short_name": "Hacktoberfest", 4 | "icons": [ 5 | { 6 | "src": "/android-chrome-192x192.png", 7 | "sizes": "192x192", 8 | "type": "image/png" 9 | }, 10 | { 11 | "src": "/android-chrome-256x256.png", 12 | "sizes": "256x256", 13 | "type": "image/png" 14 | }, 15 | { 16 | "src": "/android-chrome-512x512.png", 17 | "sizes": "512x512", 18 | "type": "image/png" 19 | } 20 | ], 21 | "theme_color": "#ffffff", 22 | "background_color": "#ffffff", 23 | "display": "standalone" 24 | } 25 | -------------------------------------------------------------------------------- /images/forkme.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/forkme.png -------------------------------------------------------------------------------- /images/git_logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/git_logo.png -------------------------------------------------------------------------------- /images/git_logo_min.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/git_logo_min.png -------------------------------------------------------------------------------- /images/gouda.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/gouda.jpg -------------------------------------------------------------------------------- /images/gouda_min.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/gouda_min.jpg -------------------------------------------------------------------------------- /images/hacktoberfest-logo-min.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/hacktoberfest-logo-min.png -------------------------------------------------------------------------------- /images/hacktoberfest.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/hacktoberfest.JPG -------------------------------------------------------------------------------- /images/hacktoberfest_min.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/hacktoberfest_min.JPG -------------------------------------------------------------------------------- /images/iconAni.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/iconAni.png -------------------------------------------------------------------------------- /images/insta_logo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/insta_logo.jpg -------------------------------------------------------------------------------- /images/insta_logo_min.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/insta_logo_min.jpg -------------------------------------------------------------------------------- /images/katrin-leinfellner-571533-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/katrin-leinfellner-571533-unsplash.jpg -------------------------------------------------------------------------------- /images/lingon-saft.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/lingon-saft.png -------------------------------------------------------------------------------- /images/lingon-saft_min.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/lingon-saft_min.png -------------------------------------------------------------------------------- /images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/logo.png -------------------------------------------------------------------------------- /images/logo3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/logo3.jpg -------------------------------------------------------------------------------- /images/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "App", 3 | "icons": [ 4 | { 5 | "src": "\/android-icon-36x36.png", 6 | "sizes": "36x36", 7 | "type": "image\/png", 8 | "density": "0.75" 9 | }, 10 | { 11 | "src": "\/android-icon-48x48.png", 12 | "sizes": "48x48", 13 | "type": "image\/png", 14 | "density": "1.0" 15 | }, 16 | { 17 | "src": "\/android-icon-72x72.png", 18 | "sizes": "72x72", 19 | "type": "image\/png", 20 | "density": "1.5" 21 | }, 22 | { 23 | "src": "\/android-icon-96x96.png", 24 | "sizes": "96x96", 25 | "type": "image\/png", 26 | "density": "2.0" 27 | }, 28 | { 29 | "src": "\/android-icon-144x144.png", 30 | "sizes": "144x144", 31 | "type": "image\/png", 32 | "density": "3.0" 33 | }, 34 | { 35 | "src": "\/android-icon-192x192.png", 36 | "sizes": "192x192", 37 | "type": "image\/png", 38 | "density": "4.0" 39 | } 40 | ] 41 | } -------------------------------------------------------------------------------- /images/monster.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/monster.jpg -------------------------------------------------------------------------------- /images/monster_min.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/monster_min.jpg -------------------------------------------------------------------------------- /images/naruto.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/naruto.gif -------------------------------------------------------------------------------- /images/paneer.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/paneer.jpg -------------------------------------------------------------------------------- /images/paneer_min.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/paneer_min.jpg -------------------------------------------------------------------------------- /images/riko2.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/riko2.gif -------------------------------------------------------------------------------- /images/roquefort.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/roquefort.jpg -------------------------------------------------------------------------------- /images/roquefort_min.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/roquefort_min.jpg -------------------------------------------------------------------------------- /images/sh_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/sh_icon.png -------------------------------------------------------------------------------- /images/sh_icon_min.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/sh_icon_min.png -------------------------------------------------------------------------------- /images/svg/github.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | github 4 | 5 | 6 | -------------------------------------------------------------------------------- /images/svg/instagram.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | instagram 4 | 5 | 6 | -------------------------------------------------------------------------------- /images/svg/twitter.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | twitter 4 | 5 | 6 | -------------------------------------------------------------------------------- /images/svg/youtube.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | youtube 4 | 5 | 6 | -------------------------------------------------------------------------------- /images/twi_logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/twi_logo.png -------------------------------------------------------------------------------- /images/twi_logo_min.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/twi_logo_min.png -------------------------------------------------------------------------------- /images/you_logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/you_logo.png -------------------------------------------------------------------------------- /images/you_logo_min.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/you_logo_min.png -------------------------------------------------------------------------------- /images/you_logo_transparent.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/you_logo_transparent.png -------------------------------------------------------------------------------- /images/yt-img/how-to-pull-request.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/yt-img/how-to-pull-request.jpg -------------------------------------------------------------------------------- /images/yt-img/how-to-solve-merge-conflicts.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/yt-img/how-to-solve-merge-conflicts.jpg -------------------------------------------------------------------------------- /images/yt-img/intro.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/images/yt-img/intro.jpg -------------------------------------------------------------------------------- /kotlinconfkeynote.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | KotlinConf 2018 Keynote 5 | 6 | 7 | 8 |
9 |

KotlinConf 2018: Keynote by Andrey Breslav

10 | 11 |
12 | 13 | 14 | -------------------------------------------------------------------------------- /now.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "lingonsaft-hacktober", 3 | "alias": "hacktoberfest.lingonsaft.com" 4 | } 5 | -------------------------------------------------------------------------------- /plain_page.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | !!HACKTOBERFEST!! 36 | 37 | 38 | 39 | 40 | 41 | 48 | 49 | 51 | 94 | 95 | 96 | 97 |
98 |

HERE IS YOUR CONTENT

99 |
100 | 101 | 102 |
103 |
104 | 105 | 106 | 107 |
108 |
109 | 110 | 111 | 112 |
113 |
114 | 115 | 116 | 117 |
118 |
119 | 120 | 121 | 122 |
123 |
124 | 125 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 144 | 145 | 146 | 147 | 148 | 149 | 152 | 153 | 154 | 155 | 156 | -------------------------------------------------------------------------------- /register.js: -------------------------------------------------------------------------------- 1 | if ('serviceWorker' in navigator) { 2 | window.addEventListener('load', () => { 3 | navigator.serviceWorker.register('/sw.js', {scope: '/'}).then((registration) => { 4 | console.log('Service Worker -Registered- With scope: ', registration.scope); 5 | }, (err) => { 6 | // registration failed 7 | console.log('Service Worker -Failed to Register-', err); 8 | }); 9 | }); 10 | } -------------------------------------------------------------------------------- /robots.txt: -------------------------------------------------------------------------------- 1 | User-agent: * 2 | Allow: / 3 | -------------------------------------------------------------------------------- /rpg.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | RPG 6 | 7 | 8 | 9 | 10 |
11 | 12 |
13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /scripts/Bankers-Algo-Simulator.js: -------------------------------------------------------------------------------- 1 | function reset(){ 2 | document.getElementById('resourceA').value = ''; 3 | document.getElementById('resourceB').value = ''; 4 | document.getElementById('resourceC').value = ''; 5 | for(var i=1; i<=5; i++){ 6 | for(var j=1; j<=3; j++){ 7 | document.getElementById('a'+i+j).value=''; 8 | document.getElementById('m'+i+j).value=''; 9 | document.getElementById('n'+i+j).value=''; 10 | } 11 | document.getElementById('p'+i).value = '' 12 | document.getElementById('calc'+i).innerHTML = ''; 13 | } 14 | document.getElementById('av11').value = ''; 15 | document.getElementById('av12').value = ''; 16 | document.getElementById('av13').value = ''; 17 | document.getElementById('calc0').innerHTML = ''; 18 | } 19 | 20 | function sample(){ 21 | sam = [[0,1,0], 22 | [2,0,0], 23 | [3,0,2], 24 | [2,1,1], 25 | [0,0,2]]; 26 | 27 | max = [[7,5,3], 28 | [3,2,2], 29 | [9,0,2], 30 | [2,2,2], 31 | [4,3,3]]; 32 | for(var i=1; i<=5; i++){ 33 | for(var j=1; j<=3; j++){ 34 | document.getElementById('a'+i+j).value = sam[i-1][j-1]; 35 | document.getElementById('m'+i+j).value = max[i-1][j-1]; 36 | } 37 | } 38 | document.getElementById('resourceA').value = 10; 39 | document.getElementById('resourceB').value = 5; 40 | document.getElementById('resourceC').value = 7; 41 | document.getElementById('calc0').innerHTML = ' Sample Loaded...'; 42 | } 43 | 44 | function find_avai(){ 45 | var a = document.getElementById('resourceA').value; 46 | var b = document.getElementById('resourceB').value; 47 | var c = document.getElementById('resourceC').value; 48 | var x = 0; 49 | var y = 0; 50 | var z = 0; 51 | document.getElementById('calc1').innerHTML = '  Calculating the Available Matrix....'+'
'+'Available[n] = Total no. of instances - (Allocation[0][n] + Allocation[1][n] + Allocation[2][n] + Allocation[3][n] + Allocation[4][n])'+'
'; 52 | document.getElementById('calc1').innerHTML += 'Available[0] = '+a+' - '; 53 | document.getElementById('calc2').innerHTML = 'Available[1] = '+b+' - '; 54 | document.getElementById('calc3').innerHTML = 'Available[2] = '+c+' - '; 55 | for(var i=1; i<=5; i++){ 56 | var x = x + parseInt(document.getElementById('a'+i+'1').value); 57 | document.getElementById('calc1').innerHTML += parseInt(document.getElementById('a'+i+'1').value); if(i<5){document.getElementById('calc1').innerHTML += '+';}else{document.getElementById('calc1').innerHTML += ' = '} 58 | var y = y + parseInt(document.getElementById('a'+i+'2').value); 59 | document.getElementById('calc2').innerHTML += parseInt(document.getElementById('a'+i+'1').value); if(i<5){document.getElementById('calc2').innerHTML += '+';}else{document.getElementById('calc2').innerHTML += ' = '} 60 | var z = z + parseInt(document.getElementById('a'+i+'3').value); 61 | document.getElementById('calc3').innerHTML += parseInt(document.getElementById('a'+i+'1').value); if(i<5){document.getElementById('calc3').innerHTML += '+';}else{document.getElementById('calc3').innerHTML += ' = '} 62 | } 63 | document.getElementById('av11').value = a-x; 64 | document.getElementById('calc1').innerHTML += a-x; 65 | document.getElementById('av12').value = b-y; 66 | document.getElementById('calc2').innerHTML += b-y; 67 | document.getElementById('av13').value = c-z; 68 | document.getElementById('calc3').innerHTML += c-z; 69 | document.getElementById('calc4').innerHTML = ''; 70 | document.getElementById('calc5').innerHTML = ''; 71 | document.getElementById('calc0').innerHTML = ''; 72 | } 73 | 74 | function find_need(){ 75 | find_avai(); 76 | document.getElementById('calc1').innerHTML = '  Calculating the Need Matrix....'+'
'+'Need[n][n] = Max[n][n] - Allocation[n][n]'+'
'; 77 | document.getElementById('calc2').innerHTML = ''; 78 | document.getElementById('calc3').innerHTML = ''; 79 | document.getElementById('calc4').innerHTML = ''; 80 | document.getElementById('calc5').innerHTML = ''; 81 | document.getElementById('calc0').innerHTML = ''; 82 | for(var i=1; i<=5; i++){ 83 | for(var j=1; j<=3; j++){ 84 | document.getElementById('n'+i+j).value = parseInt(document.getElementById('m'+i+j).value) - parseInt(document.getElementById('a'+i+j).value); 85 | document.getElementById('calc'+i).innerHTML += 'Need['+(i-1)+']'+'['+(j-1)+']'+' = '+document.getElementById('m'+i+j).value + ' - ' + document.getElementById('a'+i+j).value+' = '+document.getElementById('n'+i+j).value+'      '; 86 | } 87 | } 88 | } 89 | 90 | 91 | function find_sequence(){ 92 | find_avai(); 93 | find_need(); 94 | var k=1; 95 | var checker = 0; 96 | var q = 1; 97 | document.getElementById('calc0').innerHTML = '  Calculating the Final Order....'+'
'; 98 | for(var j=1; j<=5; j++){ 99 | x1 = parseInt(document.getElementById('av11').value); 100 | x2 = parseInt(document.getElementById('av12').value); 101 | x3 = parseInt(document.getElementById('av13').value); 102 | document.getElementById('calc'+j).innerHTML = 'Step'+j+':  '+'Available Matrix = '+x1+', '+x2+', '+x3; 103 | for(var i=k; i<=5; i++){ 104 | var ex1 = parseInt(document.getElementById('a'+i+'1').value); 105 | var ex2 = parseInt(document.getElementById('a'+i+'2').value); 106 | var ex3 = parseInt(document.getElementById('a'+i+'3').value); 107 | if(ex1!= 0 || ex2!= 0 || ex3!= 0){ 108 | if(x1 >= parseInt(document.getElementById('n'+i+'1').value) && x2 >= parseInt(document.getElementById('n'+i+'2').value) && x3 >= parseInt(document.getElementById('n'+i+'3').value)){ 109 | document.getElementById('p'+q).value = 'P'+i; 110 | document.getElementById('calc'+j).innerHTML += '   As Need['+(j-1)+']['+(i-1)+'] '+'( '+document.getElementById('n'+i+'1').value+', '+document.getElementById('n'+i+'2').value+', ' 111 | +document.getElementById('n'+i+'3').value+' ) < Available ( '+x1+', '+x2+', '+x3 112 | +' ) => Process '+i+' is selected. And New Available Matrix is ( '+document.getElementById('av11').value+', '+document.getElementById('av12').value+', '+document.getElementById('av13').value+' ) + ( '+document.getElementById('a'+i+'1').value+', '+document.getElementById('a'+i+'2').value+', ' 113 | +document.getElementById('a'+i+'3').value+' ) = '; 114 | document.getElementById('av11').value = parseInt(document.getElementById('av11').value) + parseInt(document.getElementById('a'+i+'1').value); 115 | document.getElementById('av12').value = parseInt(document.getElementById('av12').value) + parseInt(document.getElementById('a'+i+'2').value); 116 | document.getElementById('av13').value = parseInt(document.getElementById('av13').value) + parseInt(document.getElementById('a'+i+'3').value); 117 | document.getElementById('calc'+j).innerHTML += '( '+document.getElementById('av11').value+', '+document.getElementById('av12').value+', '+document.getElementById('av13').value+' )'; 118 | document.getElementById('a'+i+'1').value = '0'; 119 | document.getElementById('a'+i+'2').value = '0'; 120 | document.getElementById('a'+i+'3').value = '0'; 121 | k=i+1; 122 | if (k==6){ 123 | k=1; 124 | } 125 | q = q + 1; 126 | checker = checker + 1; 127 | break; 128 | } 129 | } 130 | } 131 | } 132 | if(checker == 0){ 133 | alert("Deadlock!!"); 134 | reset(); 135 | } 136 | } 137 | -------------------------------------------------------------------------------- /scripts/canoi.js: -------------------------------------------------------------------------------- 1 | $("#invert").change((e)=>{ 2 | var txt = $("#invert").val(); 3 | var invtxt = ""; 4 | 5 | for (var i = txt.length-1; i>= 0; i--) { 6 | invtxt += txt[i]; 7 | } 8 | 9 | $("#inv-text").html(invtxt); 10 | }); -------------------------------------------------------------------------------- /scripts/cheese.js: -------------------------------------------------------------------------------- 1 | let t = document.getElementById('twist').addEventListener('click', () => { 2 | let cards = document.querySelectorAll('.spin') 3 | cards.forEach(card => { 4 | card.classList.toggle('spinCard'); 5 | }) 6 | }, false) 7 | 8 | // function to change the background of the
part of cheese.html when the user clicks 'click for cheese' btn 9 | function cheeseAppearance(){ 10 | var jumbotron = document.getElementById("cheesetron"); 11 | var randomNum = Math.floor((Math.random() * 3) + 1); 12 | 13 | switch (randomNum) { 14 | case 1: 15 | jumbotron.className = 'cheesetron-1'; 16 | break; 17 | case 2: 18 | jumbotron.className = 'cheesetron-2'; 19 | break; 20 | default: 21 | jumbotron.className = 'cheesetron-3'; 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /scripts/colorgame.js: -------------------------------------------------------------------------------- 1 | const squares = document.querySelectorAll('.square'); 2 | let colors = []; 3 | let pickedColor = undefined; 4 | const messageDisplay = document.querySelector('#message'); 5 | const resetButton = document.querySelector('#reset'); 6 | const easyBtn = document.querySelector('#easyBtn'); 7 | const hardBtn = document.querySelector('#hardBtn'); 8 | let numSquares = 6 9 | 10 | genPickColors(numSquares); 11 | 12 | easyBtn.addEventListener("click", function() { 13 | resetBackgroundColors(); 14 | this.classList.add("selected"); 15 | hardBtn.classList.remove("selected"); 16 | numSquares = 3; 17 | genPickColors(numSquares); 18 | for (let i = numSquares; i < squares.length; i++) { 19 | squares[i].style.display = "none"; 20 | } 21 | }) 22 | 23 | hardBtn.addEventListener("click", function() { 24 | resetBackgroundColors(); 25 | this.classList.add("selected"); 26 | easyBtn.classList.remove("selected"); 27 | numSquares = 6; 28 | genPickColors(numSquares); 29 | for (let i = 3; i < squares.length; i++) { 30 | squares[i].style.display = "block"; 31 | } 32 | }) 33 | 34 | document.getElementById("colorDisplay").textContent = pickedColor; 35 | 36 | resetButton.addEventListener("click", function() { 37 | resetBackgroundColors(); 38 | document.querySelector(".selected").style.backgroundColor = "steelblue"; 39 | genPickColors(numSquares); 40 | }) 41 | 42 | for (let i = 0; i < colors.length; i++) { 43 | squares[i].style.backgroundColor = colors[i]; 44 | 45 | squares[i].addEventListener("click", function() { 46 | const clickedColor = this.style.backgroundColor 47 | if (clickedColor === pickedColor) { 48 | messageDisplay.textContent = "Correct"; 49 | changeColors(pickedColor); 50 | resetButton.textContent = "Play Again!"; 51 | 52 | } else { 53 | this.style.backgroundColor = "#232323" 54 | messageDisplay.textContent = "Wrong"; 55 | } 56 | }) 57 | } 58 | 59 | function changeColors(color) { 60 | for (let i = 0; i < squares.length; i++) { 61 | squares[i].style.backgroundColor = color; 62 | } 63 | document.querySelector("h1").style.backgroundColor = pickedColor; 64 | document.querySelector(".selected").style.backgroundColor = pickedColor; 65 | } 66 | 67 | function pickColor() { 68 | return colors[giveRandNumUpto(colors.length)]; 69 | } 70 | 71 | function generateRandomColors(num) { 72 | const colors = []; 73 | for (let i = 0; i < num; i++) { 74 | colors[i] = "rgb(" + giveRandNumUpto(256) + ", " + giveRandNumUpto(256) + ", " + giveRandNumUpto(256) + ")"; 75 | } 76 | for (let i = 0; i < colors.length; i++) { 77 | squares[i].style.backgroundColor = colors[i]; 78 | } 79 | return colors; 80 | } 81 | 82 | function giveRandNumUpto(num) { 83 | return Math.floor(Math.random() * num); 84 | } 85 | 86 | 87 | function genPickColors(num) { 88 | colors = generateRandomColors(num); 89 | pickedColor = pickColor(); 90 | document.getElementById("colorDisplay").textContent = pickedColor; 91 | } 92 | 93 | function resetBackgroundColors() { 94 | document.querySelector(".selected").style.backgroundColor = "white"; 95 | document.querySelector("h1").style.backgroundColor = "steelblue"; 96 | messageDisplay.textContent = ""; 97 | // document.querySelector(".selected").style.backgroundColor = "steelblue"; 98 | } -------------------------------------------------------------------------------- /scripts/contributors.js: -------------------------------------------------------------------------------- 1 | let contributors = document.querySelectorAll('.card-text a') 2 | contributors.forEach(con => { 3 | console.log(con.href) 4 | con.innerHTML += '' 5 | }) -------------------------------------------------------------------------------- /scripts/countdown.js: -------------------------------------------------------------------------------- 1 | const endOfHackathon = new Date('Oct 31, 2018 23:59:59').getTime() 2 | const second = 1000 3 | const minute = second * 60 4 | const hour = minute * 60 5 | const day = hour * 24 6 | 7 | setInterval(() => { 8 | let dateNow = new Date().getTime() 9 | let timeLeft = endOfHackathon - dateNow 10 | 11 | document.getElementById('days').innerText = Math.floor(timeLeft / (day)) 12 | document.getElementById('hours').innerText = Math.floor((timeLeft % (day)) / (hour)) 13 | document.getElementById('minutes').innerText = Math.floor((timeLeft % (hour)) / (minute)) 14 | document.getElementById('seconds').innerText = Math.floor((timeLeft % (minute)) / second) 15 | }, second) 16 | -------------------------------------------------------------------------------- /scripts/drop.js: -------------------------------------------------------------------------------- 1 | // number of drops created. 2 | var nbDrop = 10; 3 | 4 | // function to generate a random number range. 5 | function randRange( minNum, maxNum) { 6 | return (Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum); 7 | } 8 | 9 | // function to generate drops 10 | function createRain() { 11 | var i; 12 | var drop_number = 0; 13 | for (i = 0; i < 10; i++) { 14 | var num_drops = randRange(3,6); 15 | for (x = 0; x <= num_drops; x++) { 16 | var dropLeft = randRange(i*10,i*10+10); 17 | var dropTop = randRange(-1000,1400); 18 | $('.rain').append('
🥚
'); 19 | $('#drop'+drop_number).css('left',dropLeft+"%"); 20 | $('#drop'+drop_number).css('top',dropTop); 21 | drop_number++; 22 | } 23 | } 24 | } 25 | // Make it rain 26 | createRain(); -------------------------------------------------------------------------------- /scripts/dry.js: -------------------------------------------------------------------------------- 1 | class Rain { 2 | constructor(ctx, {width, height}) { 3 | this.width = width 4 | this.height = height 5 | this.ctx = ctx 6 | this.size = Math.floor(Math.random() * 6) + 5 7 | this.x = Math.floor(Math.random() * this.width) 8 | this.y = -this.size 9 | this.vx = 0 10 | this.vy = 0 11 | this.gravity = 0.1 12 | this.maxSpeed = 4 13 | this.color = '#174fd5' 14 | } 15 | 16 | updateVelocity() { 17 | this.vy += this.gravity 18 | } 19 | updatePosition() { 20 | this.y += this.vy 21 | } 22 | 23 | update() { 24 | this.updateVelocity() 25 | this.updatePosition() 26 | this.ctx.fillStyle = this.color 27 | this.ctx.fillRect(this.x, this.y, this.size, this.size) 28 | cc.checkCollission({x: this.x, y: this.y, size: this.size}) 29 | } 30 | } 31 | 32 | class Actor { 33 | constructor(ctx, {width, height}) { 34 | this.width = width 35 | this.height = height 36 | this.ctx = ctx 37 | this.size = 10 38 | this.x = this.width/2 - this.size / 2 39 | this.y = this.height/2 - this.size 40 | this.vx = 0 41 | this.vy = 0 42 | this.jumping = true 43 | this.gravity = 0.2 44 | this.friction = 0.8 45 | this.maxSpeed = 4 46 | this.color = '#ffffff' 47 | this.keys = [] 48 | this.initializeControls() 49 | } 50 | 51 | initializeControls() { 52 | addEventListener('keydown', ({keyCode}) => { 53 | this.keys[keyCode] = true 54 | }) 55 | addEventListener('keyup', ({keyCode}) => { 56 | this.keys[keyCode] = false 57 | }) 58 | } 59 | 60 | move() { 61 | if (this.keys[38] && !this.jumping) { 62 | this.jumping = true 63 | this.vy = -this.maxSpeed * 2 64 | } 65 | 66 | if (this.keys[37] && this.vx < this.maxSpeed) { 67 | this.vx -= 0.9 68 | } 69 | 70 | if (this.keys[39] && this.vx > -this.maxSpeed) { 71 | this.vx += 0.9 72 | } 73 | } 74 | 75 | updateVelocity() { 76 | this.vx *= this.friction 77 | this.vy += this.gravity 78 | } 79 | 80 | updatePosition() { 81 | this.y += this.vy 82 | this.x += this.vx 83 | } 84 | 85 | checkBoundries() { 86 | if (this.x >= this.width - this.size) { 87 | this.x = this.width - this.size 88 | } else if (this.x < 0) { 89 | this.x = 0 90 | } 91 | 92 | if (this.y >= this.height - this.size) { 93 | this.jumping = false 94 | this.y = this.height - this.size 95 | } 96 | 97 | cc.updateActor({x: this.x, y: this.y, size: this.size}) 98 | } 99 | 100 | update() { 101 | this.updateVelocity() 102 | this.move() 103 | this.updatePosition() 104 | this.checkBoundries() 105 | this.ctx.fillStyle = this.color 106 | this.ctx.fillRect(this.x, this.y, this.size, this.size) 107 | } 108 | } 109 | 110 | class Timer { 111 | constructor(ctx, {width, height}) { 112 | this.ctx = ctx 113 | this.width = width 114 | this.height = height 115 | this.time = 0 116 | this.startTimer() 117 | } 118 | 119 | startTimer() { 120 | setInterval(() => { 121 | this.time += 0.1 122 | }, 100) 123 | } 124 | 125 | update() { 126 | this.ctx.fillStyle = '#ffffff' 127 | this.ctx.font = '15px sans-serif' 128 | this.ctx.textAlign = 'center' 129 | this.ctx.fillText(this.time.toFixed(1), this.width - 25, 25) 130 | cc.setTime(this.time) 131 | } 132 | 133 | getTime() { 134 | return this.time 135 | } 136 | } 137 | 138 | class CollissionControl { 139 | constructor() { 140 | this.actor = {} 141 | this.hasCollided = false 142 | this.time = 0 143 | } 144 | 145 | updateActor({x, y, size}) { 146 | this.actor = {x, y, size} 147 | } 148 | 149 | checkCollission({x, y, size}) { 150 | if ( 151 | this.actor.x < x + size && 152 | this.actor.x + this.actor.size > x && 153 | this.actor.y < y + size && 154 | this.actor.size + this.actor.y > y 155 | ) { 156 | this.hasCollided = true 157 | } 158 | } 159 | 160 | isColliding() { 161 | return this.hasCollided 162 | } 163 | 164 | setTime(time) { 165 | this.time = time 166 | } 167 | 168 | getTime() { 169 | return this.time 170 | } 171 | } 172 | 173 | class Scene { 174 | constructor() { 175 | const canvas = document.querySelector('.dry-game') 176 | this.ctx = canvas.getContext('2d') 177 | const {width, height} = canvas 178 | this.width = width 179 | this.height = height 180 | this.objects = [] 181 | this.showMenu = true 182 | this.game = true 183 | this.gameOver = false 184 | this.restart = false 185 | this.rainInterval = null 186 | this.initializeMenuControls() 187 | } 188 | 189 | initialize() { 190 | if (this.game) { 191 | this.addObject( 192 | new Actor(this.ctx, {height: this.height, width: this.width}), 193 | ) 194 | this.addObject( 195 | new Timer(this.ctx, {height: this.height, width: this.width}), 196 | ) 197 | this.rainInterval = setInterval(() => { 198 | this.addObject( 199 | new Rain(this.ctx, {height: this.height, width: this.width}), 200 | ) 201 | }, 25) 202 | this.game = false 203 | } 204 | } 205 | 206 | background() { 207 | const gradient = this.ctx.createLinearGradient(0, 0, 170, 0) 208 | gradient.addColorStop(0, '#ff5974') 209 | gradient.addColorStop(1, '#ff0844') 210 | this.ctx.fillStyle = gradient 211 | this.ctx.fillRect(0, 0, this.height, this.width) 212 | } 213 | 214 | addObject(object) { 215 | this.objects.push(object) 216 | } 217 | 218 | beginGame() { 219 | this.objects.forEach(object => object.update()) 220 | } 221 | 222 | initializeMenuControls() { 223 | document.querySelector('.dry-game').addEventListener('click', () => { 224 | this.showMenu = false 225 | if (this.gameOver) { 226 | this.restart = true 227 | } 228 | }) 229 | } 230 | 231 | menu() { 232 | this.ctx.fillStyle = 'rgba(255, 255, 255, 0.8)' 233 | this.ctx.font = '32px sans-serif' 234 | this.ctx.textAlign = 'center' 235 | this.ctx.fillText('STAY DRY', this.width / 2, this.height / 2 - 10) 236 | 237 | this.ctx.fillStyle = '#ffffff' 238 | this.ctx.font = '50px sans-serif' 239 | this.ctx.textAlign = 'center' 240 | this.ctx.fillText('START', this.width / 2, this.height / 2 + 40) 241 | } 242 | 243 | update() { 244 | this.ctx.clearRect(0, 0, this.width, this.height) 245 | this.background() 246 | this.gameOver = cc.isColliding() 247 | if (this.gameOver) { 248 | clearInterval(this.rainInterval) 249 | this.objects = [] 250 | this.ctx.font = '32px sans-serif' 251 | this.ctx.textAlign = 'center' 252 | this.ctx.fillStyle = '#ffffff' 253 | this.ctx.fillText( 254 | `${cc.getTime().toFixed(1)}s`, 255 | this.width / 2, 256 | this.height / 2 - 50, 257 | ) 258 | this.ctx.font = '32px sans-serif' 259 | this.ctx.fillStyle = 'rgba(255, 255, 255, 0.8)' 260 | this.ctx.fillText('YOU ARE WET', this.width / 2, this.height / 2 - 10) 261 | this.ctx.fillStyle = '#ffffff' 262 | this.ctx.font = '50px sans-serif' 263 | this.ctx.fillText('RESTART?', this.width / 2, this.height / 2 + 40) 264 | if (this.restart) { 265 | this.game = true 266 | this.gameOver = false 267 | this.restart = false 268 | cc.hasCollided = false 269 | } 270 | } 271 | 272 | if (this.showMenu) { 273 | this.menu() 274 | } else { 275 | this.initialize() 276 | this.beginGame() 277 | } 278 | } 279 | } 280 | 281 | class Hopper { 282 | constructor() { 283 | this.scene = new Scene() 284 | this.render() 285 | } 286 | 287 | render() { 288 | requestAnimationFrame(this.render.bind(this)) 289 | this.scene.update() 290 | } 291 | } 292 | 293 | // As dirty as a popsicle that has been in mud for 3 decades. Super dirty. Unsaveable. But it worksish. 294 | const cc = new CollissionControl() 295 | new Hopper() 296 | -------------------------------------------------------------------------------- /scripts/easter_egg.js: -------------------------------------------------------------------------------- 1 | document.addEventListener('keydown', function(event) { 2 | if(event.keyCode == 192) { 3 | console.log("Äru svensk?"); 4 | } 5 | 6 | if(event.keyCode == 84) { 7 | if (document.body.classList.contains('terminal')) { 8 | document.body.classList.remove('terminal'); 9 | } 10 | else { 11 | document.body.classList.add('terminal'); 12 | } 13 | } 14 | }); 15 | 16 | 17 | document.getElementById('invert-btn').onclick = (e) => { 18 | e.preventDefault(); 19 | 20 | const mainContainer = document.getElementById("main-container"); 21 | 22 | if (document.body.classList.contains('inverted')) { 23 | document.getElementById('footer').style.filter = 'invert(0)'; 24 | document.getElementById('navbar').style.filter = 'invert(0)'; 25 | 26 | if (!!mainContainer) { 27 | mainContainer.style.filter = "invert(0)"; 28 | } 29 | 30 | document.body.classList.remove('inverted'); 31 | } 32 | else { 33 | document.getElementById('footer').style.filter = 'invert(1)'; 34 | document.getElementById('navbar').style.filter = 'invert(1)'; 35 | 36 | if (!!mainContainer) { 37 | mainContainer.style.filter = "invert(1)"; 38 | } 39 | 40 | document.body.classList.add('inverted'); 41 | console.log('If you\'re using IE or Opera, you don\'t know what you are missing!'); 42 | } 43 | } 44 | 45 | /* 46 | * Konami code 47 | * 48 | */ 49 | var allowedKeys = { 50 | 37: 'left', 51 | 38: 'up', 52 | 39: 'right', 53 | 40: 'down', 54 | 65: 'a', 55 | 66: 'b' 56 | }; 57 | 58 | var konamiCode = ['up', 'up', 'down', 'down', 'left', 'right', 'left', 'right', 'b', 'a']; 59 | var codePosition = 0; 60 | 61 | document.addEventListener('keydown', function(e) { 62 | var key = allowedKeys[e.keyCode]; 63 | var requiredKey = konamiCode[codePosition]; 64 | 65 | if (key === requiredKey) { 66 | codePosition++; 67 | 68 | if (codePosition === konamiCode.length) { 69 | executeEasterEgg(); 70 | codePosition = 0; 71 | } 72 | } else { 73 | codePosition = 0; 74 | } 75 | }); 76 | 77 | function executeEasterEgg() { 78 | var html = document.createElement('div'); 79 | var image = '

You´re such a nerd!!!

' 80 | 81 | html.innerHTML = image; 82 | document.body.appendChild(html); 83 | } 84 | -------------------------------------------------------------------------------- /scripts/explosion.js: -------------------------------------------------------------------------------- 1 | // click event listener 2 | $('body').on('click', function(e) { 3 | explode(e.pageX, e.pageY); 4 | }) 5 | 6 | // explosion construction 7 | function explode(x, y) { 8 | var particles = 15, 9 | // explosion container and its reference to be able to delete it on animation end 10 | explosion = $('
'); 11 | 12 | // put the explosion container into the body to be able to get it's size 13 | $('body').append(explosion); 14 | 15 | // position the container to be centered on click 16 | explosion.css('left', x - explosion.width() / 2); 17 | explosion.css('top', y - explosion.height() / 2); 18 | 19 | for (var i = 0; i < particles; i++) { 20 | // positioning x,y of the particle on the circle (little randomized radius) 21 | var x = (explosion.width() / 2) + rand(80, 150) * Math.cos(2 * Math.PI * i / rand(particles - 10, particles + 10)), 22 | y = (explosion.height() / 2) + rand(80, 150) * Math.sin(2 * Math.PI * i / rand(particles - 10, particles + 10)), 23 | color = rand(0, 255) + ', ' + rand(0, 255) + ', ' + rand(0, 255), // randomize the color rgb 24 | // particle element creation (could be anything other than div) 25 | elm = $('
'); 29 | 30 | if (i == 0) { // no need to add the listener on all generated elements 31 | // css3 animation end detection 32 | elm.one('webkitAnimationEnd oanimationend msAnimationEnd animationend', function(e) { 33 | explosion.remove(); // remove this explosion container when animation ended 34 | }); 35 | } 36 | explosion.append(elm); 37 | } 38 | } 39 | 40 | // get random number between min and max value 41 | function rand(min, max) { 42 | return Math.floor(Math.random() * (max + 1)) + min; 43 | } -------------------------------------------------------------------------------- /scripts/fireworks.js: -------------------------------------------------------------------------------- 1 | // when animating on canvas, it is best to use requestAnimationFrame instead of setTimeout or setInterval 2 | // not supported in all browsers though and sometimes needs a prefix, so we need a shim 3 | window.requestAnimFrame = (function() { 4 | return ( 5 | window.requestAnimationFrame || 6 | window.webkitRequestAnimationFrame || 7 | window.mozRequestAnimationFrame || 8 | function(callback) { 9 | window.setTimeout(callback, 1000 / 60); 10 | } 11 | ); 12 | })(); 13 | 14 | // now we will setup our basic variables for the demo 15 | var canvas = document.getElementById("canvas"), 16 | ctx = canvas.getContext("2d"), 17 | // full screen dimensions 18 | cw = window.innerWidth, 19 | ch = window.innerHeight, 20 | // firework collection 21 | fireworks = [], 22 | // particle collection 23 | particles = [], 24 | // starting hue 25 | hue = 120, 26 | // when launching fireworks with a click, too many get launched at once without a limiter, one launch per 5 loop ticks 27 | limiterTotal = 5, 28 | limiterTick = 0, 29 | // this will time the auto launches of fireworks, one launch per 80 loop ticks 30 | timerTotal = 80, 31 | timerTick = 0, 32 | mousedown = false, 33 | // mouse x coordinate, 34 | mx, 35 | // mouse y coordinate 36 | my; 37 | 38 | // set canvas dimensions 39 | canvas.width = cw; 40 | canvas.height = ch; 41 | 42 | // now we are going to setup our function placeholders for the entire demo 43 | 44 | // get a random number within a range 45 | function random(min, max) { 46 | return Math.random() * (max - min) + min; 47 | } 48 | 49 | // calculate the distance between two points 50 | function calculateDistance(p1x, p1y, p2x, p2y) { 51 | var xDistance = p1x - p2x, 52 | yDistance = p1y - p2y; 53 | return Math.sqrt(Math.pow(xDistance, 2) + Math.pow(yDistance, 2)); 54 | } 55 | 56 | // create firework 57 | function Firework(sx, sy, tx, ty) { 58 | // actual coordinates 59 | this.x = sx; 60 | this.y = sy; 61 | // starting coordinates 62 | this.sx = sx; 63 | this.sy = sy; 64 | // target coordinates 65 | this.tx = tx; 66 | this.ty = ty; 67 | // distance from starting point to target 68 | this.distanceToTarget = calculateDistance(sx, sy, tx, ty); 69 | this.distanceTraveled = 0; 70 | // track the past coordinates of each firework to create a trail effect, increase the coordinate count to create more prominent trails 71 | this.coordinates = []; 72 | this.coordinateCount = 3; 73 | // populate initial coordinate collection with the current coordinates 74 | while (this.coordinateCount--) { 75 | this.coordinates.push([this.x, this.y]); 76 | } 77 | this.angle = Math.atan2(ty - sy, tx - sx); 78 | this.speed = 2; 79 | this.acceleration = 1.05; 80 | this.brightness = random(50, 70); 81 | // circle target indicator radius 82 | this.targetRadius = 1; 83 | } 84 | 85 | // update firework 86 | Firework.prototype.update = function(index) { 87 | // remove last item in coordinates array 88 | this.coordinates.pop(); 89 | // add current coordinates to the start of the array 90 | this.coordinates.unshift([this.x, this.y]); 91 | 92 | // cycle the circle target indicator radius 93 | if (this.targetRadius < 8) { 94 | this.targetRadius += 0.3; 95 | } else { 96 | this.targetRadius = 1; 97 | } 98 | 99 | // speed up the firework 100 | this.speed *= this.acceleration; 101 | 102 | // get the current velocities based on angle and speed 103 | var vx = Math.cos(this.angle) * this.speed, 104 | vy = Math.sin(this.angle) * this.speed; 105 | // how far will the firework have traveled with velocities applied? 106 | this.distanceTraveled = calculateDistance( 107 | this.sx, 108 | this.sy, 109 | this.x + vx, 110 | this.y + vy 111 | ); 112 | 113 | // if the distance traveled, including velocities, is greater than the initial distance to the target, then the target has been reached 114 | if (this.distanceTraveled>= this.distanceToTarget) { 115 | createParticles(this.tx, this.ty); 116 | // remove the firework, use the index passed into the update function to determine which to remove 117 | fireworks.splice(index, 1); 118 | } else { 119 | // target not reached, keep traveling 120 | this.x += vx; 121 | this.y += vy; 122 | } 123 | }; 124 | 125 | // draw firework 126 | Firework.prototype.draw = function() { 127 | ctx.beginPath(); 128 | // move to the last tracked coordinate in the set, then draw a line to the current x and y 129 | ctx.moveTo( 130 | this.coordinates[this.coordinates.length - 1][0], 131 | this.coordinates[this.coordinates.length - 1][1] 132 | ); 133 | ctx.lineTo(this.x, this.y); 134 | ctx.strokeStyle = "hsl(" + hue + ", 100%, " + this.brightness + "%)"; 135 | ctx.stroke(); 136 | 137 | ctx.beginPath(); 138 | // draw the target for this firework with a pulsing circle 139 | ctx.arc(this.tx, this.ty, this.targetRadius, 0, Math.PI * 2); 140 | ctx.stroke(); 141 | }; 142 | 143 | // create particle 144 | function Particle(x, y) { 145 | this.x = x; 146 | this.y = y; 147 | // track the past coordinates of each particle to create a trail effect, increase the coordinate count to create more prominent trails 148 | this.coordinates = []; 149 | this.coordinateCount = 5; 150 | while (this.coordinateCount--) { 151 | this.coordinates.push([this.x, this.y]); 152 | } 153 | // set a random angle in all possible directions, in radians 154 | this.angle = random(0, Math.PI * 2); 155 | this.speed = random(1, 10); 156 | // friction will slow the particle down 157 | this.friction = 0.95; 158 | // gravity will be applied and pull the particle down 159 | this.gravity = 1; 160 | // set the hue to a random number +-50 of the overall hue variable 161 | this.hue = random(hue - 50, hue + 50); 162 | this.brightness = random(50, 80); 163 | this.alpha = 1; 164 | // set how fast the particle fades out 165 | this.decay = random(0.015, 0.03); 166 | } 167 | 168 | // update particle 169 | Particle.prototype.update = function(index) { 170 | // remove last item in coordinates array 171 | this.coordinates.pop(); 172 | // add current coordinates to the start of the array 173 | this.coordinates.unshift([this.x, this.y]); 174 | // slow down the particle 175 | this.speed *= this.friction; 176 | // apply velocity 177 | this.x += Math.cos(this.angle) * this.speed; 178 | this.y += Math.sin(this.angle) * this.speed + this.gravity; 179 | // fade out the particle 180 | this.alpha -= this.decay; 181 | 182 | // remove the particle once the alpha is low enough, based on the passed in index 183 | if (this.alpha <= this.decay) { 184 | particles.splice(index, 1); 185 | } 186 | }; 187 | 188 | // draw particle 189 | Particle.prototype.draw = function() { 190 | ctx.beginPath(); 191 | // move to the last tracked coordinates in the set, then draw a line to the current x and y 192 | ctx.moveTo( 193 | this.coordinates[this.coordinates.length - 1][0], 194 | this.coordinates[this.coordinates.length - 1][1] 195 | ); 196 | ctx.lineTo(this.x, this.y); 197 | ctx.strokeStyle = 198 | "hsla(" + 199 | this.hue + 200 | ", 100%, " + 201 | this.brightness + 202 | "%, " + 203 | this.alpha + 204 | ")"; 205 | ctx.stroke(); 206 | }; 207 | 208 | // create particle group/explosion 209 | function createParticles(x, y) { 210 | // increase the particle count for a bigger explosion, beware of the canvas performance hit with the increased particles though 211 | var particleCount = 30; 212 | while (particleCount--) { 213 | particles.push(new Particle(x, y)); 214 | } 215 | } 216 | 217 | // main demo loop 218 | function loop() { 219 | // this function will run endlessly with requestAnimationFrame 220 | requestAnimFrame(loop); 221 | 222 | // increase the hue to get different colored fireworks over time 223 | //hue += 0.5; 224 | 225 | // create random color 226 | hue = random(0, 360); 227 | 228 | // normally, clearRect() would be used to clear the canvas 229 | // we want to create a trailing effect though 230 | // setting the composite operation to destination-out will allow us to clear the canvas at a specific opacity, rather than wiping it entirely 231 | ctx.globalCompositeOperation = "destination-out"; 232 | // decrease the alpha property to create more prominent trails 233 | ctx.fillStyle = "rgba(0, 0, 0, 0.5)"; 234 | ctx.fillRect(0, 0, cw, ch); 235 | // change the composite operation back to our main mode 236 | // lighter creates bright highlight points as the fireworks and particles overlap each other 237 | ctx.globalCompositeOperation = "lighter"; 238 | 239 | // loop over each firework, draw it, update it 240 | var i = fireworks.length; 241 | while (i--) { 242 | fireworks[i].draw(); 243 | fireworks[i].update(i); 244 | } 245 | 246 | // loop over each particle, draw it, update it 247 | var i = particles.length; 248 | while (i--) { 249 | particles[i].draw(); 250 | particles[i].update(i); 251 | } 252 | 253 | // launch fireworks automatically to random coordinates, when the mouse isn't down 254 | if (timerTick>= timerTotal) { 255 | if (!mousedown) { 256 | // start the firework at the bottom middle of the screen, then set the random target coordinates, the random y coordinates will be set within the range of the top half of the screen 257 | fireworks.push( 258 | new Firework(cw / 2, ch, random(0, cw), random(0, ch / 2)) 259 | ); 260 | timerTick = 0; 261 | } 262 | } else { 263 | timerTick++; 264 | } 265 | 266 | // limit the rate at which fireworks get launched when mouse is down 267 | if (limiterTick>= limiterTotal) { 268 | if (mousedown) { 269 | // start the firework at the bottom middle of the screen, then set the current mouse coordinates as the target 270 | fireworks.push(new Firework(cw / 2, ch, mx, my)); 271 | limiterTick = 0; 272 | } 273 | } else { 274 | limiterTick++; 275 | } 276 | } 277 | 278 | // mouse event bindings 279 | // update the mouse coordinates on mousemove 280 | canvas.addEventListener("mousemove", function(e) { 281 | mx = e.pageX - canvas.offsetLeft; 282 | my = e.pageY - canvas.offsetTop; 283 | }); 284 | 285 | // toggle mousedown state and prevent canvas from being selected 286 | canvas.addEventListener("mousedown", function(e) { 287 | e.preventDefault(); 288 | mousedown = true; 289 | }); 290 | 291 | canvas.addEventListener("mouseup", function(e) { 292 | e.preventDefault(); 293 | mousedown = false; 294 | }); 295 | 296 | // once the window loads, we are ready for some fireworks! 297 | window.onload = loop; 298 | -------------------------------------------------------------------------------- /scripts/gifheaven.js: -------------------------------------------------------------------------------- 1 | function expandDoggo(){ 2 | let doggoElement = document.getElementById("doggo"); 3 | if(doggoElement.style.height === "400px"){ 4 | doggoElement.style.height = "0px"; 5 | } 6 | else{ 7 | doggoElement.style.height = "400px"; 8 | } 9 | } -------------------------------------------------------------------------------- /scripts/hacktoberPest/hacktoberPest.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css?family=Eater'); 2 | 3 | html, 4 | body { 5 | background-color: #CC5500; 6 | font-family: Eater; 7 | } 8 | 9 | h1 { 10 | text-align: center; 11 | } 12 | 13 | div{ 14 | opacity: .2; 15 | display: block; 16 | width: 300px; 17 | margin: auto; 18 | } 19 | 20 | #spooky { 21 | width: 300px; 22 | margin: auto; 23 | } 24 | -------------------------------------------------------------------------------- /scripts/hacktoberPest/hacktoberPest.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Hacktoberfest Ghoul 6 | 7 | 8 | 9 | 10 |

You've Been Visited By The Hacktoberfest Ghoul!

11 | 12 |
13 | 14 |
15 | 16 |

Fork This Repository Now For Instant Hackathon Luck.

17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /scripts/hacktoberPest/spookyBoi.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bitrish/hacktoberfest/fecf59d3414a027d60a5fda8ea2a1bde71454602/scripts/hacktoberPest/spookyBoi.png -------------------------------------------------------------------------------- /scripts/helpful-material.js: -------------------------------------------------------------------------------- 1 | //Sort by difficulty number 1 easy, 2 hard... 2 | function sortProject(containerClassName, projectClassName) { 3 | var items = $(containerClassName); 4 | 5 | items.sort(function(a, b){ 6 | return + $(a).data('difficulty') - + $(b).data('difficulty'); 7 | }); 8 | 9 | items.appendTo(projectClassName); 10 | } 11 | 12 | sortProject('li>.projectItem', 'li>.otherProjects'); 13 | sortProject('li>.easyProjectItem', 'li>.beginnerProjects'); 14 | 15 | console.log('Script Triggered') 16 | -------------------------------------------------------------------------------- /scripts/iframe.js: -------------------------------------------------------------------------------- 1 | $(function() { 2 | $(".video").click(function () { 3 | var theModal = $(this).data("target"), 4 | videoSRC = $(this).attr("data-video"), 5 | videoSRCauto = videoSRC + "?modestbranding=1&rel=0&controls=0&showinfo=0&html5=1&autoplay=1"; 6 | $(theModal + ' iframe').attr('src', videoSRCauto); 7 | $(theModal + ' button.close').click(function () { 8 | $(theModal + ' iframe').attr('src', videoSRC); 9 | }); 10 | }); 11 | }); -------------------------------------------------------------------------------- /scripts/index.js: -------------------------------------------------------------------------------- 1 | let t = document.getElementById('twist').addEventListener('click', () => { 2 | let cards = document.querySelectorAll('.card') 3 | cards.forEach(card => { 4 | card.classList.toggle('spinCard'); 5 | }) 6 | }, false) 7 | 8 | let l = document.getElementById('love').addEventListener('click', () => { 9 | let body = document.querySelector('body'); 10 | document.querySelector("#header h1").innerHTML = "Broccoli Egg"; 11 | body.classList.toggle("broccoli-green"); 12 | }, false) 13 | -------------------------------------------------------------------------------- /scripts/indices.js: -------------------------------------------------------------------------------- 1 | let t = document.getElementById('twist').addEventListener('click', () => { 2 | let cards = document.querySelectorAll('.card') 3 | cards.forEach(card => { 4 | card.classList.toggle('spinCard'); 5 | }) 6 | }, false) 7 | 8 | let l = document.getElementById('love').addEventListener('click', () => { 9 | let body = document.querySelector('body'); 10 | document.querySelector("#header h1").innerHTML = "Broccoli Egg"; 11 | body.classList.toggle("broccoli-green"); 12 | }, false) 13 | -------------------------------------------------------------------------------- /scripts/konami.js: -------------------------------------------------------------------------------- 1 | const relevantKeys = { 2 | 37: 'left', 3 | 38: 'up', 4 | 39: 'right', 5 | 40: 'down', 6 | 65: 'a', 7 | 66: 'b', 8 | } 9 | 10 | const keySequence = ['up', 'up', 'down', 'down', 'left', 'right', 'left', 'right', 'b', 'a']; 11 | let positionInSequence = 0; 12 | 13 | document.addEventListener('keydown', function(e) { 14 | let keyPressed = relevantKeys[e.keyCode]; 15 | 16 | if (keyPressed === keySequence[positionInSequence]) { 17 | positionInSequence++; 18 | if (positionInSequence === keySequence.length) { 19 | activateResult(); 20 | positionInSequence = 0; 21 | } 22 | } else { 23 | positionInSequence = 0; 24 | } 25 | }) 26 | 27 | function activateResult() { 28 | let canvas = document.createElement('canvas'); 29 | 30 | canvas.setAttribute('width', '400'); 31 | canvas.setAttribute('height', '400'); 32 | canvas.setAttribute('class', 'center'); 33 | canvas.setAttribute('style', 'position: fixed; left: 30%; top: 20%;') 34 | 35 | ctx = canvas.getContext("2d"); 36 | 37 | let w = 200, h = 200; 38 | 39 | ctx.strokeStyle = "#000000"; 40 | ctx.strokeWeight = 3; 41 | ctx.shadowOffsetX = 4.0; 42 | ctx.shadowOffsetY = 4.0; 43 | ctx.lineWidth = 10.0; 44 | ctx.fillStyle = "#FF0000"; 45 | 46 | const d = Math.min(w, h); 47 | const k = 120; 48 | 49 | ctx.moveTo(k, k + d / 4); 50 | ctx.quadraticCurveTo(k, k, k + d / 4, k); 51 | ctx.quadraticCurveTo(k + d / 2, k, k + d / 2, k + d / 4); 52 | ctx.quadraticCurveTo(k + d / 2, k, k + d * 3/4, k); 53 | ctx.quadraticCurveTo(k + d, k, k + d, k + d / 4); 54 | ctx.quadraticCurveTo(k + d, k + d / 2, k + d * 3/4, k + d * 3/4); 55 | ctx.lineTo(k + d / 2, k + d); 56 | ctx.lineTo(k + d / 4, k + d * 3/4); 57 | ctx.quadraticCurveTo(k, k + d / 2, k, k + d / 4); 58 | ctx.stroke(); 59 | ctx.fill(); 60 | 61 | let target = document.querySelector("#header") 62 | 63 | target.appendChild(canvas) 64 | } 65 | -------------------------------------------------------------------------------- /scripts/menu.js: -------------------------------------------------------------------------------- 1 | const menu = { 2 | 'Home': { 3 | 'text': 'Home', 4 | 'href': 'index.html' 5 | }, 6 | 'Helpful-Material': { 7 | 'text': 'Helpful Material', 8 | 'href': 'helpful-material.html' 9 | }, 10 | 'Contributors': { 11 | 'text': 'Contributors', 12 | 'href': 'contributors.html' 13 | }, 14 | 'Others': { 15 | 'Potato': { 16 | 'text': 'Potato', 17 | 'href': 'potato.html' 18 | }, 19 | 'Cheese': { 20 | 'text': 'Cheese!', 21 | 'href': 'cheese.html' 22 | }, 23 | 'Tools': { 24 | 'text': 'Tools', 25 | 'href': 'tools.html', 26 | 'id': 'tools' 27 | }, 28 | 'Invert': { 29 | 'text': 'Invert', 30 | 'href': '#', 31 | 'id': 'invert-btn' 32 | }, 33 | 'Fireworks': { 34 | 'text': 'Fireworks', 35 | 'href': 'Fireworks.html', 36 | 'id': 'fireworks' 37 | }, 38 | 'Learn': { 39 | 'text': 'Learn!', 40 | 'href': 'wow.html', 41 | 'id': 'learn' 42 | }, 43 | '4otakus': { 44 | 'text': '4otakus', 45 | 'href': '4otakus.html', 46 | 'id': '4otakus' 47 | }, 48 | 'Bubble': { 49 | 'text': 'Bubble', 50 | 'href': 'bubble.html', 51 | 'id': 'Bubble' 52 | }, 53 | 'Canoi': { 54 | 'text': 'Canoi', 55 | 'href': 'canoi.html', 56 | 'id': 'Canoi' 57 | }, 58 | 'Colorgame': { 59 | 'text': 'Colorgame', 60 | 'href': 'colorgame.html', 61 | 'id': 'Colorgame' 62 | }, 63 | 'Foxy': { 64 | 'text': 'Foxy', 65 | 'href': 'foxy.html', 66 | 'id': 'Foxy' 67 | }, 68 | 'Gifheaven': { 69 | 'text': 'Gif Heaven', 70 | 'href': 'gifheaven.html', 71 | 'id': 'Gifheaven' 72 | }, 73 | 'Plainpage': { 74 | 'text': 'Plain Page', 75 | 'href': 'plain_page.html', 76 | 'id': 'Plainpage' 77 | }, 78 | 'Snek': { 79 | 'text': 'Snek', 80 | 'href': 'snek.html', 81 | 'id': 'Snek' 82 | }, 83 | 'Spooky': { 84 | 'text': 'Spooky', 85 | 'href': 'spooky.html', 86 | 'id': 'Spooky' 87 | }, 88 | 'Values': { 89 | 'text': 'Values', 90 | 'href': 'values.html', 91 | 'id': 'Values' 92 | }, 93 | 'Wow': { 94 | 'text': 'Wow', 95 | 'href': 'wow.html', 96 | 'id': 'Wow' 97 | }, 98 | 'Flappy': { 99 | 'text': 'Flappy Game', 100 | 'href': 'Flappy.html', 101 | 'id': 'Flappy' 102 | }, 103 | 'Stay Dry': { 104 | 'text': 'Stay Dry', 105 | 'href': '/dry', 106 | 'id': 'dry' 107 | } 108 | } 109 | } 110 | 111 | function buildMenuHTML (obj = {}) { 112 | var html = '' 113 | var path = window.location.pathname.split('/') 114 | var currentPage = path[path.length - 1] === '' ? '/' : path[path.length - 1] 115 | 116 | Object.entries(obj).forEach(([key, item]) => { 117 | if (key == 'Others') { 118 | html += '' 135 | } 136 | }) 137 | document.getElementById('menu').innerHTML = html 138 | } 139 | 140 | function buildMenu () { 141 | return buildMenuHTML(menu) 142 | } 143 | 144 | buildMenu() 145 | -------------------------------------------------------------------------------- /scripts/pokemon.js: -------------------------------------------------------------------------------- 1 | //Pokemon 2 | 3 | function DigitalPal(hungry, sleepy, bored, age){ 4 | this.hungry = hungry; 5 | this.sleepy = sleepy; 6 | this.bored = bored; 7 | this.age = age; 8 | this.feed = function(){ 9 | if(this.hungry){ 10 | console.log('That was tasty!'); 11 | this.sleepy = true; 12 | } 13 | else{ 14 | console.log("No thanks!"); 15 | } 16 | } 17 | this.sleep = function(){ 18 | if(this.sleepy){ 19 | console.log("ZZzzzzzzzzz"); 20 | this.sleepy = false; 21 | age++; 22 | console.log("I am awake and one day older!"); 23 | } 24 | else{ 25 | console.log("No thanks, not sleepy!"); 26 | } 27 | } 28 | this.play = function(){ 29 | if(this.bored){ 30 | console.log("Let's play!"); 31 | this.bored = false; 32 | this.hungry = true; 33 | } 34 | else{ 35 | console.log("Not now, maybe later!"); 36 | } 37 | } 38 | } 39 | 40 | DigitalPal.doMore = function(){ 41 | console.log('FUCK'); 42 | } 43 | 44 | let dog = new DigitalPal(false, false, true, 0); 45 | console.log(dog); 46 | dog.outside = false; 47 | dog.bark = function(){console.log("Woof!")}; 48 | dog.bark(); -------------------------------------------------------------------------------- /scripts/rpg.js: -------------------------------------------------------------------------------- 1 | function Character(name, profession, gender, age, strength, hp) { 2 | this.name = name; 3 | this.profession = profession; 4 | this.gender = gender; 5 | this.age = age; 6 | this.strength = strength; 7 | this.hp = hp; 8 | this.isAlive = function(){ 9 | if(this.hp> 0){ 10 | console.log("Alive"); 11 | } 12 | else{ 13 | console.log("Terminated"); 14 | } 15 | }; 16 | this.attack = function(victim){ 17 | victim.hp = victim.hp - this.strength; 18 | }; 19 | 20 | this.levelUp = function(){ 21 | this.age++; 22 | this.strength +=5; 23 | this.hp +=25; 24 | } 25 | } 26 | 27 | function printStats(char){ 28 | console.log(char); 29 | } 30 | 31 | let bigTony = new Character("Tony", "Waste Management", "Male", 55, 100, 100); 32 | let uncleJunior = new Character("Junior", "Construction", "Male", 75, 50, 180); 33 | let artie = new Character("Artie", "Restaurant", "Male", 40, 100, 100); 34 | let chris = new Character("Christopher", "Film", "Male", 30, 120, 80); 35 | 36 | bigTony.mount = "Suburban"; 37 | printStats(bigTony); 38 | 39 | var arr = [bigTony, uncleJunior, artie, chris]; 40 | 41 | for(var i=0; i

" 45 | + "

" + arr[i].gender + ", " + arr[i].age + ", " + arr[i].profession + "

" 46 | + "

Strength: " + arr[i].strength + "

Health: " + arr[i].hp + "

" + arr[i].gender + "

"; 47 | document.getElementById('rpg').appendChild(e.firstChild); 48 | } 49 | -------------------------------------------------------------------------------- /scripts/scroll.js: -------------------------------------------------------------------------------- 1 | window.onscroll = function() {scrollFunc()}; 2 | var scrollButton = document.getElementById('backToTop'); 3 | 4 | function scrollFunc() { 5 | if (document.body.scrollTop> 150 || document.documentElement.scrollTop> 150) { 6 | scrollButton.style.display = "block"; 7 | } else { 8 | scrollButton.style.display = "none"; 9 | } 10 | } 11 | scrollButton.onclick = function() { 12 | scrollButton.classList.add('startscrolling'); 13 | scrollTo(document.documentElement, 0, 1250, function(){ 14 | scrollButton.classList.remove('startscrolling'); 15 | }); 16 | } 17 | scrollButton.onmousedown = function(){ 18 | scrollButton.classList.add("mousedown"); 19 | } 20 | scrollButton.onmouseup = function(){ 21 | scrollButton.classList.remove("mousedown"); 22 | } 23 | function scrollTo(element, to, duration, callback) { 24 | var start = element.scrollTop, 25 | change = to - start, 26 | currentTime = 0, 27 | increment = 20; 28 | var animateScroll = function() { 29 | currentTime += increment; 30 | var val = Math.easeInOutQuad(currentTime, start, change, duration); 31 | element.scrollTop = val; 32 | if (currentTime < duration) { 33 | setTimeout(animateScroll,increment); 34 | } else { 35 | if(callback && typeof callback === 'function'){ 36 | callback(); 37 | } 38 | } 39 | }; 40 | animateScroll(); 41 | } 42 | Math.easeInOutQuad = function(t,b,c,d) { 43 | t /= d/2; 44 | if (t < 1) return c/2*t*t + b; 45 | t--; 46 | return -c/2 * (t*(t-2) - 1) + b; 47 | }; -------------------------------------------------------------------------------- /scripts/snek.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @type {HTMLCanvasElement} 3 | */ 4 | const canvas = document.querySelector('.snek') 5 | canvas.width = 400 6 | canvas.height = 300 7 | canvas.style.border = '2px solid #FF0844' 8 | canvas.style.width = '800px' 9 | canvas.style.height = '600px' 10 | canvas.style.margin = '0 auto' 11 | 12 | /** 13 | * @type {HTMLDivElement} 14 | */ 15 | const container = document.querySelector('.snek-container') 16 | container.style.display = 'flex' 17 | container.style.justifyContent = 'center' 18 | container.style.textAlign = 'center' 19 | container.style.flexDirection = 'column' 20 | 21 | /** 22 | * @type {HTMLButtonElement} 23 | */ 24 | const button = document.querySelector('.snek-play') 25 | button.style.width = '200px' 26 | button.style.background = 'green' 27 | button.style.alignSelf = 'center' 28 | button.style.display = 'none' 29 | 30 | /** 31 | * @type {HTMLDivElement} 32 | */ 33 | const points = document.querySelector('.snek-points') 34 | points.style.fontSize = '50px' 35 | points.style.color = '#FF0844' 36 | 37 | points.innerHTML = 0 38 | 39 | button.addEventListener('click', () => { 40 | state = getInitialState() 41 | button.style.display = 'none' 42 | }) 43 | 44 | const ctx = canvas.getContext('2d') 45 | 46 | const GRID_SIZE = 10 47 | 48 | const Directions = { 49 | Left: 'LEFT', 50 | Up: 'UP', 51 | Right: 'RIGHT', 52 | Down: 'DOWN', 53 | } 54 | 55 | const Keys = { 56 | Left: 37, 57 | Up: 38, 58 | Right: 39, 59 | Down: 40, 60 | } 61 | 62 | const DirectionKeys = { 63 | [Keys.Left]: Directions.Left, 64 | [Keys.Up]: Directions.Up, 65 | [Keys.Right]: Directions.Right, 66 | [Keys.Down]: Directions.Down, 67 | } 68 | 69 | const initialBodyLength = 3 70 | 71 | const getInitialState = () => { 72 | const initialState = { 73 | x: canvas.width / 2, 74 | y: canvas.height / 2, 75 | direction: Directions.Up, 76 | alive: true, 77 | body: [], 78 | bodyLength: 3, 79 | currentFoodPosition: getFoodPosition(), 80 | } 81 | 82 | return initialState 83 | } 84 | 85 | let state = getInitialState() 86 | 87 | function getFoodPosition() { 88 | return { 89 | x: Math.floor(Math.random() * (canvas.width / GRID_SIZE)) * GRID_SIZE, 90 | y: Math.floor(Math.random() * (canvas.height / GRID_SIZE)) * GRID_SIZE, 91 | } 92 | } 93 | 94 | const Movements = { 95 | [Directions.Left]: () => { 96 | const nextPos = leftPosition() 97 | if (nextPos>= 0) { 98 | state.x = nextPos 99 | } else { 100 | state.alive = false 101 | } 102 | }, 103 | [Directions.Up]: () => { 104 | const nextPos = upPosition() 105 | if (nextPos>= 0) { 106 | state.y = nextPos 107 | } else { 108 | state.alive = false 109 | } 110 | }, 111 | [Directions.Right]: () => { 112 | const nextPos = rightPosition() 113 | if (nextPos < canvas.width) { 114 | state.x = nextPos 115 | } else { 116 | state.alive = false 117 | } 118 | }, 119 | [Directions.Down]: () => { 120 | const nextPos = downPosition() 121 | if (nextPos < canvas.height) { 122 | state.y = nextPos 123 | } else { 124 | state.alive = false 125 | } 126 | }, 127 | } 128 | 129 | function leftPosition() { 130 | return state.x - GRID_SIZE 131 | } 132 | 133 | function rightPosition() { 134 | return state.x + GRID_SIZE 135 | } 136 | 137 | function upPosition() { 138 | return state.y - GRID_SIZE 139 | } 140 | 141 | function downPosition() { 142 | return state.y + GRID_SIZE 143 | } 144 | 145 | function drawSnake() { 146 | const {x, y, direction, alive, body, currentFoodPosition, bodyLength} = state 147 | if (alive) { 148 | // Snek is hungry 149 | if (x === currentFoodPosition.x && y === currentFoodPosition.y) { 150 | state.bodyLength++ 151 | state.currentFoodPosition = getFoodPosition() 152 | points.innerHTML = state.bodyLength - initialBodyLength 153 | } 154 | 155 | // To hungry, eat self 156 | if (body.some(b => b.x === x && b.y === y)) { 157 | // dead 158 | state.alive = false 159 | } 160 | const movement = Movements[direction] 161 | movement && movement() 162 | 163 | 164 | ctx.clearRect(0, 0, canvas.width, canvas.height) 165 | } else { 166 | ctx.font = '20px Georgia' 167 | ctx.textBaseline = 'middle' 168 | ctx.textAlign = 'center' 169 | ctx.fillText('Game over', canvas.width / 2, canvas.height / 2) 170 | button.style.display = 'block' 171 | } 172 | 173 | body.push({x, y}) 174 | if (body.length> bodyLength) { 175 | var itemToRemove = body.shift() 176 | ctx.clearRect(itemToRemove.x, itemToRemove.x, GRID_SIZE, GRID_SIZE) 177 | } 178 | ctx.fillStyle = 'green' 179 | body.forEach(({x, y}) => ctx.fillRect(x, y, GRID_SIZE, GRID_SIZE)) 180 | ctx.fillRect(x, y, GRID_SIZE, GRID_SIZE) 181 | 182 | ctx.fillStyle = 'red' 183 | ctx.fillRect( 184 | currentFoodPosition.x, 185 | currentFoodPosition.y, 186 | GRID_SIZE, 187 | GRID_SIZE, 188 | ) 189 | } 190 | 191 | /** 192 | * 193 | * @param {KeyboardEvent} e 194 | */ 195 | function changeDirection(e) { 196 | if (DirectionKeys[e.keyCode]) { 197 | const currentDirection = state.direction 198 | const nextDirection = DirectionKeys[e.keyCode] 199 | 200 | if (canMove(currentDirection, nextDirection)) { 201 | state.direction = DirectionKeys[e.keyCode] 202 | } 203 | } 204 | } 205 | 206 | /** 207 | * 208 | * @param {String} currentDirection 209 | * @param {String} nextDirection 210 | */ 211 | function canMove(currentDirection, nextDirection) { 212 | if (currentDirection === Directions.Up) { 213 | return nextDirection !== Directions.Down 214 | } 215 | if (currentDirection === Directions.Left) { 216 | return nextDirection !== Directions.Right 217 | } 218 | if (currentDirection === Directions.Right) { 219 | return nextDirection !== Directions.Left 220 | } 221 | if (currentDirection === Directions.Down) { 222 | return nextDirection !== Directions.Up 223 | } 224 | } 225 | 226 | window.setInterval(drawSnake, 100) 227 | window.addEventListener('keydown', changeDirection) 228 | -------------------------------------------------------------------------------- /scripts/stats.js: -------------------------------------------------------------------------------- 1 | let statsObj = { 2 | commits: 0, 3 | forks: 0, 4 | pr: 0, 5 | stars: 0, 6 | issues:0, 7 | contribut:0 8 | } 9 | 10 | const reqObj = [ 11 | ['https://api.github.com/repos/lingonsaft/hacktoberfest/commits', 'commits'], 12 | ['https://api.github.com/repos/lingonsaft/hacktoberfest/forks', 'forks'], 13 | ['https://api.github.com/repos/lingonsaft/hacktoberfest/pulls', 'pr'], 14 | ['https://api.github.com/repos/lingonsaft/hacktoberfest/issues', 'issues'], 15 | ['https://api.github.com/repos/lingonsaft/hacktoberfest/stargazers', 'stars'], 16 | ['https://api.github.com/repos/lingonsaft/hacktoberfest/stats/contributors', 'contribut'], 17 | ] 18 | 19 | const getData = (url, key) => { 20 | fetch(url) 21 | .then(r => { 22 | if(r.ok) { 23 | if (r.headers.get('Link')) { 24 | r.headers.get('Link').split(',').forEach(link => { 25 | if (link.includes('next')) { 26 | link = link.split('<') 27 | link = link[1].split('>') 28 | getData(link[0], key) 29 | } 30 | }) 31 | } 32 | return r.json() 33 | } 34 | else { 35 | throw new Error('Api limit exceeded'); 36 | } 37 | }) 38 | .then(json => { 39 | statsObj[key] += json.length 40 | document.getElementById('stats').innerHTML = 'Commits: ' + statsObj.commits + ' Forks: ' + statsObj.forks + ' Pull Requests: ' + statsObj.pr + ' Issues: ' + statsObj.issues + ' Stars: ' + statsObj.stars + ' Contributors: ' + statsObj.contribut 41 | }).catch(() => { 42 | console.log('This catched 403'); 43 | document.getElementById('stats').innerHTML = 'You guys are awesome, we have passed the github rate again this hour. Here is a link to repo to check out live stats' 44 | }) 45 | } 46 | 47 | reqObj.forEach(rq => { 48 | getData(rq[0], rq[1]) 49 | }) 50 | setInterval(() => { 51 | reqObj.forEach(rq => { 52 | getData(rq[0], rq[1]) 53 | }) 54 | }, 600000) 55 | -------------------------------------------------------------------------------- /scripts/trylearnhowtoprogram.js: -------------------------------------------------------------------------------- 1 | //Sieve Logic 2 | //Back-end Logic 3 | function ancientSieve(numberToCheck) { 4 | //Sieve of Eratosthenes. First establish numbers list as empty array. Set the upper limit to the square root of whatever 5 | //the number that you're checking is. Set the output(list of primes) to start with the first prime number (2). 6 | let numbersList = [] 7 | let upperLimit = Math.sqrt(numberToCheck) 8 | let output = [] 9 | 10 | //Make an array from to the number you're checking and set its boolean value to TRUE 11 | for(let index = 0; index < numberToCheck; index++) { 12 | numbersList.push(true) 13 | } 14 | //Now we're going to loop through the prime numbers starting with 2 15 | for (let prime = 2; prime <= upperLimit; prime += 1) { 16 | //If the number is on the list of numbers we're(this if will return true every time until we reach the limit of the list) going to go into another loop 17 | if(numbersList[prime]) { 18 | //This loop checks all multiples of that number and sets all of their boolean values to FALSE (if the base number is a factor of another number, then that other number cannot be prime) 19 | for (let multiplierOfPrime = prime * prime; multiplierOfPrime < numberToCheck; multiplierOfPrime += prime) { 20 | numbersList[multiplierOfPrime] = false; 21 | } 22 | } 23 | } 24 | //Now we're going to check through every number that's in our list, and push all the ones with the 25 | //boolean value TRUE to the empty array output. 26 | for (let index = 2; index < numberToCheck; index+= 1) { 27 | if(numbersList[index]) { 28 | output.push(index); 29 | } 30 | } 31 | return output; 32 | } 33 | //Palindrome Logic 34 | 35 | //Store the message for a positive outcome as a variable. 36 | var isPalindromeMessage = "Yes! Yes!
You've done it!
Wow! Now that's what I call a palindrome!" 37 | //store the message for a negative outcome as a variable. 38 | var notPalindromeMessage = "Boooo! We're sorry, but that's not a palindrome!" 39 | //A custom function to remove punctuation marks. 40 | function punctuationless(stringToStrip) { 41 | return stringToStrip.replace(/[^A-z0-9_]/g,""); 42 | } 43 | //A custom function that splits a string before reversing it and joining it back into a string. 44 | function reversedString(string) { 45 | let lettersAsArray = string.split(""); 46 | return lettersAsArray.reverse().join(""); 47 | } 48 | function colorControl(color) { 49 | $('#palindrome_results').empty(); 50 | $('#output').removeClass(); 51 | $('#output').addClass(color) 52 | } 53 | //A custom function that strips the original string, saves it for comparison, converts it into an array 54 | //then reverses that array before joining it back into a string to compare with the original string. 55 | //The results of this comparison are printed in the output div on the document. 56 | function stringAnalyzer(string) { 57 | let wordArray = [] 58 | let cleanString = punctuationless(string); 59 | let original = cleanString; 60 | let reversed = reversedString(cleanString); 61 | $('#originalInput').text($('#user_string').val()); 62 | if (original === reversed) { 63 | colorControl('correct'); 64 | $('#palindrome_results').html(isPalindromeMessage); 65 | } else if (original != reversed) { 66 | colorControl('incorrect'); 67 | $('#palindrome_results').html(notPalindromeMessage); 68 | } 69 | } 70 | 71 | //Factoiral Calculator 72 | 73 | //Assign the error message to a variable so it's easier to use. 74 | errorMessage = 'Please make sure that you enter an integer (whole number) that is not negative' 75 | //Take user input and parse it. 76 | function gatherAndParse() { 77 | let number = parseInt($('#user_factorial').val(), 10); 78 | return number; 79 | } 80 | //Take user inputted number, make sure it isn't negative or a non-integer, then use a for loop to create an array of all the numbers to be used in the factorial calculation 81 | //and then reduce the array they are pushed to by multiplying them thus calculating the factorial. 82 | function factorial(numberToMakeFactorial) { 83 | if (numberToMakeFactorial < 0 || Number.isInteger(numberToMakeFactorial) === false) { 84 | $('#error').text(errorMessage); 85 | } else { 86 | $('#error').empty(); 87 | let factorialArray = [] 88 | for (let currentNum = 1 ; currentNum <= numberToMakeFactorial; currentNum += 1) { 89 | factorialArray.push(currentNum); 90 | } 91 | let output = factorialArray.reduce(function(total, currentNum) { 92 | return total * currentNum; 93 | },) 94 | $('#factorial_results').text(output); 95 | } 96 | } 97 | 98 | //Front-end Logic 99 | $(document).ready(function() { 100 | $('#sieve_form').submit(function(event) { 101 | event.preventDefault(); 102 | let userNumber = $('#user_number').val(); 103 | $('#sieve_results').text(ancientSieve(userNumber).join(" ")); 104 | }); 105 | $('#palindrome_form').submit(function(event) { 106 | event.preventDefault(); 107 | stringAnalyzer($('#user_string').val()); 108 | }); 109 | $('#factorial_form').submit(function(event) { 110 | event.preventDefault(); 111 | let userFactorial = gatherAndParse(); 112 | factorial(userFactorial); 113 | }); 114 | }); 115 | -------------------------------------------------------------------------------- /scripts/wow.js: -------------------------------------------------------------------------------- 1 | const box = document.getElementsByClassName('box')[0] 2 | const containers = document.getElementsByClassName('holder') 3 | for(const container of containers) { 4 | container.addEventListener("dragover", dragover) 5 | container.addEventListener("dragenter", dragenter) 6 | container.addEventListener("drop", drop) 7 | } 8 | 9 | function dragover(e) { 10 | e.preventDefault() 11 | } 12 | function dragenter(e) { 13 | e.preventDefault() 14 | } 15 | function drop() { 16 | this.append(box) 17 | } -------------------------------------------------------------------------------- /snek.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | !!HACKTOBERFEST!! 37 | 38 | 39 | 40 | 41 | 42 | 50 | 51 | 52 | 54 | 96 | 97 | 98 | 99 |
100 | SNEK GAME LOGO 101 |

SNEK

102 |
103 | 104 | 105 |

106 | 107 |
108 |
109 | 110 | 111 |
112 |
113 | 114 | 115 | 116 |
117 |
118 | 119 | 120 | 121 |
122 |
123 | 124 | 125 | 126 |
127 |
128 | 129 | 130 | 131 |
132 |
133 | 134 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 151 | 152 | 153 | 154 | 155 | 156 | 159 | 160 | 161 | 162 | 163 | -------------------------------------------------------------------------------- /spooky-bat.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Spooky Bat 6 | 7 | 8 | 9 | 10 |
11 |

Happy Halloween!

12 |
13 | Bat 14 | Back 15 | 16 | 17 | -------------------------------------------------------------------------------- /spooky.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Hacktoberfest - Spooky Bois 11 | 12 | 13 | 47 | 48 | 49 |
50 |

Spooky Bois Of The Month

51 |
52 |

All The Spookiest Bois have come out this month and here is a list of the TOP 10 SPOOKIEST BOIS OF 2018!

53 |
54 |
55 | 56 |
57 | 58 |
59 | 60 |
61 |
    62 |
  1. 63 |
    64 |
  2. 65 |
    66 |
  3. 67 |
    68 |
  4. 69 |
    70 |
  5. 71 |
    72 |
  6. 73 |
    74 |
  7. 75 |
    76 |
  8. 77 |
    78 |
  9. 79 |
    80 |
  10. 81 |
    82 |
  11. 83 |
84 |
85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | -------------------------------------------------------------------------------- /styles.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 40px auto; 3 | max-width: 650px; 4 | line-height: 1.6; 5 | font-size: 18px; 6 | color: #444; 7 | padding: 0 10px; 8 | } 9 | 10 | h1, 11 | h2, 12 | h3 { 13 | line-height: 1.2; 14 | } 15 | -------------------------------------------------------------------------------- /sw.js: -------------------------------------------------------------------------------- 1 | const hacktoberCache = 'v1'; 2 | const cacheFiles = [ 3 | './', 4 | './index.html', 5 | './contributors.html', 6 | './helpful-material.html', 7 | './css/contributors.css', 8 | './css/footer.css', 9 | './css/helpful-material.css', 10 | './css/index.css', 11 | './css/navbar.css', 12 | ]; 13 | 14 | // install the service worker 15 | self.addEventListener('install', (event) => { 16 | event.waitUntil( 17 | caches.open(hacktoberCache).then((cache) => { 18 | console.log('SW Cache is installing'); 19 | return cache.addAll(cacheFiles); 20 | }).then((skip) => { 21 | console.log('Service Worker Skip waiting'); 22 | self.skipWaiting(); 23 | console.log('Service Worker properly installed'); 24 | return skip; 25 | }).catch((error) => { 26 | console.log('SW Open & Cache install failed with ' + error); 27 | }) 28 | ); 29 | }); 30 | 31 | // activate service worker 32 | self.addEventListener('activate', (event) => { 33 | event.waitUntil( 34 | caches.keys().then((hacktoberCaches) => { 35 | return Promise.all(hacktoberCaches.map((cache) => { 36 | //if cache versions to not match, delete old version 37 | if (cache !== hacktoberCache) { 38 | return caches.delete(cache); 39 | } 40 | })); 41 | }) 42 | ); 43 | }); 44 | 45 | // fetch service worker 46 | self.addEventListener('fetch', (event) => { 47 | let request = event.request; 48 | event.respondWith ( 49 | fetch(request).then( 50 | (response) => { 51 | //check valid response basic means we do NOT cache 3rd party responses 52 | if(!response || response.status !== 200 || response.type !== 'basic') { 53 | return response; 54 | } 55 | let responseToCache = response.clone(); 56 | 57 | caches.open(hacktoberCache) 58 | .then((cache) => { 59 | cache.put(request, responseToCache); 60 | }); 61 | return response; 62 | } 63 | ).catch((err) => { 64 | caches.match(request).then((response) => { 65 | if (response) { 66 | return response; 67 | } 68 | }) 69 | }) 70 | ); 71 | }); -------------------------------------------------------------------------------- /trylearnhowtoprogram.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | Sweet way to learn 19 | 20 | 21 | 22 | 24 | 56 | 57 |
58 |

An awesome resource to learn how to code

59 | Newbie FriendlyFind out more! 60 |
61 |
62 |
63 |
64 |
Struggling to figure out where to start?
65 |
66 |

There are almost too many resources out there to learn how to program. And a lot of those 67 | resources 68 | leave people in vicious cycle where they complete tutorials, and then try and execute what they've learned 69 | practically, 70 | discover they can't, and go back to review those same tutorials (or slightly different ones that cover the 71 | same material). 72 | You don't have to get caught in the cycle! If you use this 73 | great resource, 74 | you'll be challeneged every day you practice, and that challenege will translate into practical skills! 75 |

76 |

Learn how to program is a website that hosts the 77 | curriculum 78 | of the coding 79 | bootcamp Epicodus. That's right--the entire program is hosted online. You can complete it at your 80 | own pace, with guidance 81 | from videos and cheat sheets when you're learning a new concept, and not much guidance at all when you 82 | actually have to do the project. 83 | This will help you grow as a developer, and make sure you don't get stuck in a cycle of never quite 84 | getting it. 85 |

86 |

I know what you're thinking--I'm some shill from this camp. No. I am in no way associated with Epicodus. 87 | I've just been having such a great time using their materials that I have to share it with anyone that'll 88 | listen. 89 |

90 |

Don't think it'll work? Checkout some of these projects that I've completed in my month of using Learn 91 | how to program. 92 |

93 |

Also, I'm not very smart or very good at this. Think of what you could achieve if you gave 94 | the program a shot!

95 |
96 |
97 | 98 |
99 |
100 |
101 |
The Sieve of Eratosthenes
102 |
An algorithm to find prime numbers
103 |
104 |
105 | 106 | 107 |
108 |
109 |
110 | 111 |
112 |
113 |
114 |
115 |
116 |

Results:

117 |
118 | 119 |
120 |
121 |
122 |
123 | 124 |
125 |
126 |
127 |
Palindrome Checker
128 |
A little program that checks whether text is a palindrome
129 |
130 |
131 | 132 | 133 |
134 |
135 | 136 |
137 |
138 |
139 |
140 |
141 |

Results:

142 |
143 |

144 |

145 | 146 |
147 |
148 |
149 |
150 | 151 |
152 |
153 |
154 |
Factorial Calculator
155 |
Calculate any numbers factorial (!)
156 |
157 |
158 |

159 |

160 | 162 | 163 |
164 |
165 | 166 |
167 |
168 |
169 |
170 |

Results:

171 |
172 |

173 |

174 |
175 |
176 |
177 | 178 |
179 |
180 |
181 | 182 | 183 | 184 | -------------------------------------------------------------------------------- /values.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | hello this is value 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /wow.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | Hacktoberfest - Helpful Material 17 | 18 | 19 | 20 | 21 | 22 | 30 |
31 |

Learn Here now.

32 |

Learn everything about the technologies that you can use to build this site.

33 |
34 |

Some of the videos below are from the Open-source organisation called freecodecamp

35 | 36 |
37 |
38 |
39 |
40 |
41 | 42 |
43 |
44 | 45 |
46 |
47 |
48 |
49 | 50 |
51 |
52 | 53 |
54 |
55 |
56 | 57 | 58 | 90 | 91 | 92 | 109 | 110 | 111 | 112 | 113 | 116 | 117 | 118 | 119 | --------------------------------------------------------------------------------