-
Notifications
You must be signed in to change notification settings - Fork 9
/
index.html
153 lines (129 loc) · 7.36 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/helper.js"></script>
<link rel="icon"
type="image/png"
href="assets/img/osfLogo.png">
<title>OSF</title>
</head>
<body>
<section class="p-4 py-md-11">
<div class="container">
<div class="row align-items-center">
<div class="col-12 col-md-5 col-lg-6 order-md-2">
<!-- Image -->
<img src="assets/img/illustration-2.png" class="img-fluid mw-md-150 mw-lg-130 mb-6 mb-md-0 aos-init aos-animate" alt="..." data-aos="fade-up" data-aos-delay="100">
</div>
<div class="col-12 col-md-7 col-lg-6 order-md-1 aos-init aos-animate" data-aos="fade-up">
<!-- Heading -->
<h1 class="display-3 text-center text-md-left">
Welcome to <span class="text-primary">OSF</span>. <br>
Develop Manything.
</h1>
<!-- Text -->
<p id="osf-text" class="lead text-center text-md-left text-muted mb-6 mb-lg-8">
</p>
<!-- Buttons -->
<div class="text-center text-md-left">
<a href="https://github.com/InnovationGarageNITW/osf" class="btn btn-primary shadow lift mr-1 ">
Get Started <i class="fe fe-arrow-right d-none d-md-inline ml-3"></i>
</a>
</div>
<div class="text-center text-md-left">
<a href="contributors.html" class="btn btn-primary shadow lift mr-1 mt-2">
View contributors <i class="fe fe-arrow-right d-none d-md-inline ml-3"></i>
</a>
</div>
<div class="text-center text-md-left">
<a href="https://nitw.ac.in/cii/osf/leaderboard" class="btn btn-primary shadow lift mr-1 mt-2">
View LeaderBoard <i class="fe fe-arrow-right d-none d-md-inline ml-3"></i>
</a>
</div>
</div>
</div> <!-- / .row -->
</div>
</section>
<section class="p-4 py-md-11 border-bottom">
<div class="container">
<div class="row">
<div class="col-12 col-md-4 aos-init aos-animate" data-aos="fade-up">
<!-- Icon -->
<div class="icon text-primary mb-3">
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"></path><path d="M7 3h10a4 4 0 110 8H7a4 4 0 110-8zm0 6a2 2 0 100-4 2 2 0 000 4z" fill="#335EEA"></path><path d="M7 13h10a4 4 0 110 8H7a4 4 0 110-8zm10 6a2 2 0 100-4 2 2 0 000 4z" fill="#335EEA" opacity=".3"></path></g></svg>
</div>
<!-- Heading -->
<h3>
Develop new features.
</h3>
<!-- Text -->
<p class="text-muted mb-6 mb-md-0">
OSF is to make your life easier while stepping to open source. Learn how to develop new feature on top of existing product/project with OSF.
</p>
</div>
<div class="col-12 col-md-4 aos-init aos-animate" data-aos="fade-up" data-aos-delay="50">
<!-- Icon -->
<div class="icon text-primary mb-3">
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"></path><path d="M5.5 4h4A1.5 1.5 0 0111 5.5v1A1.5 1.5 0 019.5 8h-4A1.5 1.5 0 014 6.5v-1A1.5 1.5 0 015.5 4zm9 12h4a1.5 1.5 0 011.5 1.5v1a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-1a1.5 1.5 0 011.5-1.5z" fill="#335EEA"></path><path d="M5.5 10h4a1.5 1.5 0 011.5 1.5v7A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-7A1.5 1.5 0 015.5 10zm9-6h4A1.5 1.5 0 0120 5.5v7a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-7A1.5 1.5 0 0114.5 4z" fill="#335EEA" opacity=".3"></path></g></svg>
</div>
<!-- Heading -->
<h3>
Fix the bugs.
</h3>
<!-- Text -->
<p class="text-muted mb-6 mb-md-0">
Designed with the bugs in mind. OSF motivates you to come ahead and resolve bugs.
</p>
</div>
<div class="col-12 col-md-4 aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
<!-- Icon -->
<div class="icon text-primary mb-3">
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"></path><path d="M17.272 8.685a1 1 0 111.456-1.37l4 4.25a1 1 0 010 1.37l-4 4.25a1 1 0 01-1.456-1.37l3.355-3.565-3.355-3.565zm-10.544 0L3.373 12.25l3.355 3.565a1 1 0 01-1.456 1.37l-4-4.25a1 1 0 010-1.37l4-4.25a1 1 0 011.456 1.37z" fill="#335EEA"></path><rect fill="#335EEA" opacity=".3" transform="rotate(15 12 12)" x="11" y="4" width="2" height="16" rx="1"></rect></g></svg>
</div>
<!-- Heading -->
<h3>
Documentation for everything.
</h3>
<!-- Text -->
<p class="text-muted mb-0">
OSF also wants to have extensive documentation for components and tools, so others never have to reverse engineer anything.
</p>
</div>
</div> <!-- / .row -->
</div> <!-- / .container -->
</section>
<section class="p-4 py-md-11">
<div class="container">
<div class="col-12 col-md-12 aos-init aos-animate p-4" data-aos="fade-up">
<div class="text-primary">
<h3>Repository/Projects participating in OSF</h3>
</div>
</div>
<center>
<button id="loading" class="btn btn-primary" type="button" disabled>
<span class="spinner-grow spinner-grow-sm" role="status" aria-hidden="true"></span>
Loading...
</button>
</center>
<div id="osf-repos" class="row">
</div> <!-- / .row -->
</div> <!-- / .container -->
</section>
</body>
<script>
document.getElementById('osf-text').innerHTML = OSFText;
let reposDOM = document.getElementById('osf-repos');
Promise.all(repos.map((item) => createRepoDOM(item)))
.then((result)=>{
document.getElementById('loading').style.display = 'none';
result.forEach(item=>reposDOM.appendChild(item));
})
</script>
</html>