Skip to content

Commit 49ddce9

Browse files
Merge pull request #249 from schmelto/github-project-api
feat: add github project api
2 parents b97a988 + 2a26e86 commit 49ddce9

File tree

4 files changed

+279
-188
lines changed

4 files changed

+279
-188
lines changed

index.html

Lines changed: 45 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
<!DOCTYPE html>
22
<html lang="en">
3+
34
<head>
45
<meta charset="UTF-8" />
56
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -8,21 +9,27 @@
89

910
<!-- Google / Search Engine Tags -->
1011
<meta itemprop="name" content="chryz-hub" />
11-
<meta itemprop="description" content="Welcome To The World of Open Source, We Appreciate Your Contribution and Ideas Here!" />
12-
<meta itemprop="image" content="https://github.com/chryz-hub/chryz-hub.github.io/blob/master/public/myocatact1%20(1).svg" />
12+
<meta itemprop="description"
13+
content="Welcome To The World of Open Source, We Appreciate Your Contribution and Ideas Here!" />
14+
<meta itemprop="image"
15+
content="https://github.com/chryz-hub/chryz-hub.github.io/blob/master/public/myocatact1%20(1).svg" />
1316

1417
<!-- Facebook Meta Tags -->
1518
<meta property="og:url" content="https://chryz-hub.github.io/" />
1619
<meta property="og:type" content="website" />
1720
<meta property="og:title" content="chryz-hub" />
18-
<meta property="og:description" content="Welcome To The World of Open Source, We Appreciate Your Contribution and Ideas!" />
19-
<meta property="og:image" content="https://github.com/chryz-hub/chryz-hub.github.io/blob/master/public/myocatact1%20(1).svg" />
21+
<meta property="og:description"
22+
content="Welcome To The World of Open Source, We Appreciate Your Contribution and Ideas!" />
23+
<meta property="og:image"
24+
content="https://github.com/chryz-hub/chryz-hub.github.io/blob/master/public/myocatact1%20(1).svg" />
2025

2126
<!-- Twitter Meta Tags -->
2227
<meta name="twitter:card" content="Welcome To The World of Open Source, We Appreciate Your Contribution and Ideas!" />
2328
<meta name="twitter:title" content="chryz-hub" />
24-
<meta name="twitter:description" content="Welcome To The World of Open Source, We Appreciate Your Contribution and Ideas!" />
25-
<meta name="twitter:image" content="https://github.com/chryz-hub/chryz-hub.github.io/blob/master/public/myocatact1%20(1).svg" />
29+
<meta name="twitter:description"
30+
content="Welcome To The World of Open Source, We Appreciate Your Contribution and Ideas!" />
31+
<meta name="twitter:image"
32+
content="https://github.com/chryz-hub/chryz-hub.github.io/blob/master/public/myocatact1%20(1).svg" />
2633

2734
<!-- FAVICON -->
2835
<link rel="icon" type="image/ico" href="./src/assets/images/favicon.ico" />
@@ -32,7 +39,9 @@
3239
<!-- STYLES -->
3340
<link rel="stylesheet" href="./src/assets/css/global.css" />
3441
<link rel="stylesheet" href="./src/assets/css/styles.css" />
35-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" />
42+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
43+
integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w=="
44+
crossorigin="anonymous" />
3645
</head>
3746

3847
<body id="home">
@@ -45,7 +54,7 @@ <h1 class="logo"><a href="#home"><img src="./src/assets/images/chryz-hub-transpa
4554
<div class="burger">
4655
<div class="line-one"></div>
4756
<div class="line-two"></div>
48-
<div class="line-three"></div>
57+
<div class="line-three"></div>
4958
</div>
5059
<ul class="nav-list">
5160
<li><a href="./index.html">Community</a></li>
@@ -75,25 +84,38 @@ <h1 class="text-primary">Chryz-Hub</h1>
7584
<div class="container">
7685
<div class="vision-content">
7786
<h2 class="text-primary">Our Vision</h2>
78-
<p class="text-secondary">Our vision is to add value, solve problems, render help and support to developers, open source contributors and everyone at large and also raise and build Open Source Giants.</p>
79-
<a href="https://github.com/chryz-hub/chryz-hub.github.io/blob/master/vision.md" class="btn btn-primary btn-rounded" re="noopener" target="_blank">Read more</a>
87+
<p class="text-secondary">Our vision is to add value, solve problems, render help and support to developers,
88+
open source contributors and everyone at large and also raise and build Open Source Giants.</p>
89+
<a href="https://github.com/chryz-hub/chryz-hub.github.io/blob/master/vision.md"
90+
class="btn btn-primary btn-rounded" re="noopener" target="_blank">Read more</a>
8091
</div>
8192
</div>
8293
</section>
8394
<!-- Buttons -->
8495
<div class="container buttons">
85-
<a href="https://github.com/chryz-hub/chryz-hub.github.io/issues/new?assignees=&labels=invite+me+to+the+organization&template=invitation.md&title=Please+invite+me+to+the+GitHub+Community+Organization" rel="noopener" class=" btn btn-primary">Join the Community</a>
86-
<a href="https://github.com/chryz-hub/opensource-4-everyone/blob/master/My-PR-Contribution-Practice.md" rel="noopener" class="btn btn-secondary" target="_blank"><i class="fas fa-code-branch"></i> Create Pull Request</a>
96+
<a href="https://github.com/chryz-hub/chryz-hub.github.io/issues/new?assignees=&labels=invite+me+to+the+organization&template=invitation.md&title=Please+invite+me+to+the+GitHub+Community+Organization"
97+
rel="noopener" class=" btn btn-primary">Join the Community</a>
98+
<a href="https://github.com/chryz-hub/opensource-4-everyone/blob/master/My-PR-Contribution-Practice.md"
99+
rel="noopener" class="btn btn-secondary" target="_blank"><i class="fas fa-code-branch"></i> Create Pull
100+
Request</a>
87101
</div>
88102
</header>
89103
<main>
104+
90105
<section id="projects" class="projects">
91106
<h2>Projects</h2>
92-
<div class="flex-items">
107+
108+
<div class="flex-col-2" id="githubprojects">
109+
<!-- GitHub Projects from scripts.js goes here -->
110+
</div>
111+
112+
<!-- Not needed if we go to api call in the js -->
113+
<!-- <div class="flex-items">
93114
<a href="#">
94115
<div class="item project">
95116
<h4 class="text-secondary">Chryz-Hub Website</h4>
96-
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis quos consequatur atque perferendis sapiente consectetur iusto tempora temporibus, sequi maxime.</p>
117+
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis quos consequatur atque perferendis
118+
sapiente consectetur iusto tempora temporibus, sequi maxime.</p>
97119
<div>
98120
<span class="fab fa-html5"></span>
99121
<span class="fab fa-css3-alt"></span>
@@ -105,29 +127,32 @@ <h4 class="text-secondary">Chryz-Hub Website</h4>
105127
<a href="#">
106128
<div class="item project">
107129
<h4 class="text-secondary">Project X</h4>
108-
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ipsa corrupti, officia labore quibusdam adipisci! Ducimus perspiciatis corrupti dolore accusamus?</p>
130+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ipsa corrupti, officia labore quibusdam
131+
adipisci! Ducimus perspiciatis corrupti dolore accusamus?</p>
109132
<div>
110133
<span class="fab fa-python"></span>
111134
<span class="fab fa-bootstrap"></span>
112135
<span class="fab fa-js"></span>
113136
</div>
114137
</div>
115138
</a>
116-
139+
117140
<a href="#">
118141
<div class="item project">
119142
<h4 class="text-secondary">Project Y</h4>
120-
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ipsa corrupti, officia labore quibusdam adipisci! Ducimus perspiciatis corrupti dolore accusamus?</p>
143+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ipsa corrupti, officia labore quibusdam
144+
adipisci! Ducimus perspiciatis corrupti dolore accusamus?</p>
121145
<div>
122146
<span class="fab fa-react"></span>
123147
<span class="fab fa-js"></span>
124148
</div>
125149
</div>
126150
</a>
127-
</div>
151+
</div> -->
128152
</section>
129-
</main>
153+
</main>
130154
<!-- JAVASCRIPT -->
131155
<script src="./src/assets/javascript/script.js"></script>
132156
</body>
133-
</html>
157+
158+
</html>

src/assets/css/global.css

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -129,7 +129,7 @@ textarea:focus {
129129
border-radius: 5px;
130130
}
131131

132-
.btn-secondary{
132+
.btn-secondary {
133133
background-color: var(--secondaryBtn);
134134
color: #fff;
135135
padding: 18px 30px;
@@ -156,7 +156,7 @@ textarea:focus {
156156
.flex-items a {
157157
display: block;
158158
margin: 0 20px;
159-
transition: all 0.4s ease-in-out;
159+
transition: all 0.4s ease-in-out;
160160
}
161161

162162
.flex-items a:hover {
@@ -170,4 +170,3 @@ textarea:focus {
170170
border-radius: 10px;
171171
box-shadow: 3px 5px 5px var(--shadow);
172172
}
173-

0 commit comments

Comments
 (0)