-
+ Contributors
-Add yourself to the list if you contribute.
+Contributors
+Add yourself to the list if you contribute.
@@ -109,7 +110,8 @@
+ Contributors
- + + @@ -219,7 +221,7 @@Contributors
- + @@ -227,15 +229,26 @@Contributors
- - + + + - diff --git a/css/index.css b/css/index.css index d7f237103..2834a583e 100755 --- a/css/index.css +++ b/css/index.css @@ -23,6 +23,59 @@ outline: none!important; } +//Begin hover for social media sidebar +.icon-bar { + position: fixed; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.icon-bar a { + display: block; + text-align: center; + padding: 16px; + transition: all 0.3s ease; + color: white; + font-size: 20px; +} + +.icon-bar a:hover { + background-color: #000; +} + +.facebook { + background: #3B5998; + color: white; +} + +.twitter { + background: #55ACEE; + color: white; +} + +.insta { + background: #dd4b39; + color: white; +} + +.linkedin { + background: #007bb5; + color: white; +} + +.youtube { + background: #bb0000; + color: white; +} + +.content { + margin-left: 75px; +} +//End hover for social media sidebar + + html { overflow-x: hidden; } @@ -145,6 +198,11 @@ a:hover { border: 1px solid rgba(0, 0, 0, .125); padding: 1rem; border-radius: 4px; + transition: all 0.3s; +} + +.single-faq:hover { + transform: scale(1.02); } .single-faq h5 { @@ -476,3 +534,14 @@ div#content div#contribution-rules ul, div#content div#contribution-rules ul li{ .index .twist-btn{ margin-top: 20px; } + +#twist { + margin-top: 50px; + margin-bottom: 50px; + background-color: #FF0844; + color: white; + border-radius: 2rem; + font-weight: 600; + padding: .75rem 4rem .75rem 4rem; + border-radius: 2rem; +} diff --git a/css/potato.css b/css/potato.css index 63a635468..a4f969f5f 100644 --- a/css/potato.css +++ b/css/potato.css @@ -1,15 +1,23 @@ body { background-image: linear-gradient(45deg, white, lightblue); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; } h4.hero-heading { font-weight:700; - color:#FF0844; + color:#FFF; } h1.hero-heading { font-weight:900; - color:#FF0844; + color:#FFF; +} + +td, th { + padding: 0.5em 2em; } diff --git a/css/sidebar.css b/css/sidebar.css index 7fef5a9e2..991eccbad 100644 --- a/css/sidebar.css +++ b/css/sidebar.css @@ -5,6 +5,14 @@ -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 9999; + width: 70px; + transition-property: width; + transition-duration: 1.5s; + transition-delay: 0.25s; +} + +.icon-bar:hover { + width: 120px; } /* Style the icon bar links */ diff --git a/css/tools.css b/css/tools.css new file mode 100644 index 000000000..f2ccb314e --- /dev/null +++ b/css/tools.css @@ -0,0 +1,16 @@ +.table-header { + background-color: rgb(245, 137, 164); +} +table { + table-layout: fixed; +} +section { + margin-top: 75px; +} + +a { + color: #ff0844; +} +a:hover { + color: #96334f; +} diff --git a/css/trylearnhowtoprogram.css b/css/trylearnhowtoprogram.css index 47529ba9e..4d7342cf8 100644 --- a/css/trylearnhowtoprogram.css +++ b/css/trylearnhowtoprogram.css @@ -27,9 +27,6 @@ font-size:4em; font-weight:bold; font-family:monospace; -} -#output { - } .error { color: red; diff --git a/helpful-material.html b/helpful-material.html index 99a2b0b41..d9f7c1602 100755 --- a/helpful-material.html +++ b/helpful-material.html @@ -42,6 +42,170 @@ + + + + + +
+
- Projects
+Feel free to add any of your own projects.
+Beginner Friendly Projects
+ +
+ public
+ lab
+ awesome-bash
+ React
+ Memory Match Game
+ Clean
+ Architecture Swift - My Anime List
+ openebs
+ kinto
+ oppia
+ CodeCombat
+ - learn to code by playing games
+ solareclipse
+ python-babel
+ NodeJS-Donut
+ python
+ catapult
+ dragula
+ borg
+ JavaScript
+ Challenges
+ React
+ RGB Color Game
+ Mean
+ Stack CRUD App
+ Repository
+ includes C# Algorithms
+
+
+ Additional Projects
+
+ C++
+ web application framework
+ node
+ zulip
+ moviefy
+ scrapy
+ Belajar
+ C++ (Learn C++)
+ Simple
+ Calculator App(Android)
+ AirCrack-ng
+ for Android
+ Awesome
+ Javascript
+ A
+ Starcraft Chrome Extension to find streams on Twitch
+ Dext - 🔍 A smart
+ launcher. Powered by JavaScript.
+ GraphQL
+ Visual Node Editor
+ NomNominate
+ - group restaurant picker (vue/node)
+ tl;dr
+ - Project to translate short man's into Russian.
+ tl;dr
+ - Project to collect react-native code samples in one place.
+
+ Projects accepting Hacktoberfest First Time Contributors
+ + + +Helpful Links
+Feel free to add any helpful links!
+
+ What is Hacktoberfest &
+ How to participate?
+ Hacktoberfest
+ Hacktoberfest Checker
+ How to Create a Pull Request?
+ A Step by Step Guide to Making Your First GitHub Contribution.
+ How you can get your Hacktoberfest T-shirt?
+ Hack on Sendgrid opensource projects.
+ Details of
+ Hacktoberfest from Auth0!
+ Looking for Hacktoberfest contributors...?
+ Amazonians
+ and Hacktoberfest.
+ Hacktoberfest
+ 2018 for Beats and Logstash.
+ Hacktoberfest
+ 2017 Was Amazing
+ Microsoft
+ is joining Hacktoberfest - and you can win a t-shirt
+ Awesome Kotlin resources
+ Git
+ for complete Newbies
+ Hacktoberfest
+ @Microsoft (earn an extra t-shirt!)
+ What is Hactoberfest & How to participate
+ Understanding the
+ different Git Workflow
+ How to GitHub:
+ Fork, Branch, Track, Squash and Pull Request
+ Learn Git in 30 minutes
+ Free books on different web technologies and different
+ programming languages.
+ Hacktoberfest:
+ My Gateway to Open Source
+
+ How do you dive into large code bases?
+ How
+ to make your first open source contribution in just 5 minutes
+ Your
+ first open source contribution: a step-by-step technical guide
+ Swag opportunities for developers (not just Hacktoberfest
+ opportunities)
+ A to Z resources for
+ Computer Science students.
+ GitHub
+ Badges Guide
+ Mac
+ Terminal Improvement Guide"
+ Github Pages guide
+ Hacktoberfest 2018 Event Kit
+ Mac
+ Terminal Improvement Guide
+ A successful Git branching
+ model
+ Creating a
+ pull request on github
+
@@ -220,41 +388,101 @@