forked from lingonsaft/hacktoberfest
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
executable file
·115 lines (103 loc) · 4.89 KB
/
index.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
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
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
112
113
114
115
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="./css/index.css">
<title>Hacktoberfest</title>
</head>
<body>
<a href="https://github.com/lingonsaft/hacktoberfest"><img style="position: absolute; top: 0; right: 0; border: 0;"
src="https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png" alt="Fork me on GitHub"></a>
<div id="navbar">
<a href="./index.html">Home</a>
<a href="./helpful-material.html">Helpful Material</a>
<a href="./contributors.html">Contributors</a>
</div>
<div id="header">
<h1>Hacktoberfest 2018 <a href="https://github.com/lingonsaft/hacktoberfest">(Github repo)</a></h1>
<h2>This is a beginner friendly project to help you get started with your hacktoberfest. If you don't know where to start
feel free to watch the videos and read the contribution rules. Happy hacking
<3 </h2>
</div>
<div id="content">
<div id="explainer-video">
<div id="tips">
<p>Here are some tips on what to do!</p>
<ul>
<li>Style this page.</li>
<li>Add your own projects to the Helpful Material page.</li>
<li>Add helpful links/guides to the Helpful Material page.</li>
<li>Update readme.md</li>
</ul>
<p>Or checkout the <a href="https://github.com/lingonsaft/hacktoberfest/issues">github issues</a> for what to
do :)</p>
</div>
<h3>Hacktoberfest Intro</h3>
<iframe width="560" height="315" src="https://www.youtube.com/embed/OsAFX_ZbgaE" frameborder="0" allow="autoplay; encrypted-media"
allowfullscreen></iframe>
</div>
<div id="other-videos">
<h3>How to pull request [Overview]</h3>
<iframe width="280" height="175" src="https://www.youtube.com/embed/DIj2q02gvKs" frameborder="0" allow="autoplay; encrypted-media"
allowfullscreen></iframe>
</div>
<div id="other-videos">
<h3>How to solve merge conflict</h3>
<iframe width="280" height="175" src="https://www.youtube.com/embed/zOx5PJTY8CI" frameborder="0" allow="autoplay; encrypted-media"
allowfullscreen></iframe>
</div>
<div id="contribution-rules">
<h3>Contribution Rules</h3>
<ul>
<li class="contribution-rules-item do">
Project must work when opening index.html
</li>
<li class="contribution-rules-item do">
You are allowed to make pull requests that breaks the rules. We just won't merge it ;)
</li>
<li class="contribution-rules-item dont">
Do NOT add any build steps e.g npm install (we want to keep this a simple static site)
</li>
<li class="contribution-rules-item dont">
Do NOT remove Videos, Rules, FAQ or any other helpful content.
</li>
<li class="contribution-rules-item do">Styling / code can be pretty, ugly or stupid, big or small as long as it works</li>
<li class="contribution-rules-item do">Add your name to the contributers.html file</li>
</ul>
</div>
<div id="faq">
<h3>FAQ</h3>
<p class="faq-question">Who can contribute? </p>
<p class="faq-answer"> - Anyone with a github account and signed up for [hacktoberfest](https://hacktoberfest.digitalocean.com/)
:)
</p>
<p class="faq-question">Are you getting paid for this? </p>
<p class="faq-answer">Sadly no. But we think we should. This is 100% unofficial and we do it for fun, fame and glory.
</p>
<p class="faq-question">Who are you and why are you doing this? </p>
<p class="faq-answer">We are two programmers from Sweden <a href="https://github.com/richie-south" target="_blank">Richard</a>
and <a href="https://github.com/BennyCarlsson" target="_blank">Benny</a>. We are doing this because we love open
source and Hacktoberfest. We want to make it easier for people to get started with Hacktoberfest and Open source.
</p>
<p class="faq-question">Why are you not using digitalocean? </p>
<p class="faq-answer">Because we only know javascript and suck at servers. We use <a href="https://zeit.co/now" target="_blank">now</a>
instead.
</p>
<p class="faq-question">Are you not the guys from that failed <a href="https://www.kickstarter.com/projects/lingonsaft/codecardcodingcards"
target="_blank">CodeCardCodingCards</a> kickstarter? </p>
<p class="faq-answer">yes..</p>
</div>
<div id="rules">
</div>
</div>
<div id="footer">
<a href="https://github.com/lingonsaft">Github</a>
<a href="https://www.youtube.com/lingonsaft/">Youtube</a>
<a href="https://www.instagram.com/lingonsaftofficial/">Instagram</a>
<a href="https://twitter.com/lingonsaft1">Twitter</a>
</div>
<script src="./scripts/index.js"></script>
</body>
</html>