Skip to content

Commit 57a0971

Browse files
ancypancyp
authored
Merge pull request #263 from BaaniLeen/AddingFirstTimersIssuesSection
 Develop the Newcomers Page First Timers Issue section
2 parents 403d7cd + a908db6 commit 57a0971

File tree

3 files changed

+123
-7
lines changed

3 files changed

+123
-7
lines changed

‎src/app/newcomers/newcomers.component.html‎

Lines changed: 111 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<div class=" container box logos mx-auto d-block">
33
<div class="row text-center">
44
<h1 class="mx-auto mb-5"> Welcome to Systers Open Source!</h1>
5-
<div class="mx-auto">
5+
<div class="mx-auto text-center">
66
<p>
77
At Systers, we welcome contributions of all forms. Non-coders are welcomed to join the community!
88
<br> Apart from code you can contribute in any of the following ways:
@@ -110,7 +110,7 @@ <h3>Requirement Analysis</h3>
110110
</div>
111111
</div>
112112
<div class="container box logos mx-auto d-block mb-5">
113-
<h1 class="mt-5 mb-5">Resources</h1>
113+
<h1 class="text-center mt-5 mb-5">Resources</h1>
114114
<div class="row text-center justify-content-center">
115115
<div class="card col-sm-3 mt-3 mb-3 ml-3 mr-3 pt-2" *ngFor="let det of resources">
116116
<img class="card-img-top" src="{{det.image}}" alt="{{det.name}}">
@@ -153,4 +153,113 @@ <h5 class="card-title">{{det.name}}</h5>
153153
</div>
154154
</div>
155155
</div>
156+
<div class="container box logos mx-auto d-block mt-5 mb-5">
157+
<h1 class="text-center mt-5 mb-5">First-Timers-Only Issues</h1>
158+
<ngb-tabset [justify]="currentJustify">
159+
<ngb-tab title="Web Dev - Python">
160+
<ng-template ngbTabContent>
161+
<!-- Peace Corps Projects Note-->
162+
<div class="row text-center">
163+
<h1 class="mx-auto mt-5 mb-5">Sysbot</h1>
164+
<iframe class="iframe-style" src="https://publiclab.github.io/community-toolbox/examples/embed.html#o=systers&r=sysbot"></iframe>
165+
</div>
166+
<div class="row text-center">
167+
<h1 class="mx-auto mt-5 mb-5">Portal</h1>
168+
<iframe class="iframe-style" src="https://publiclab.github.io/community-toolbox/examples/embed.html#o=systers&r=portal"></iframe>
169+
</div>
170+
<div class="row text-center">
171+
<h1 class="mx-auto mt-5 mb-5">VMS</h1>
172+
<iframe class="iframe-style" src="https://publiclab.github.io/community-toolbox/examples/embed.html#o=systers&r=vms"></iframe>
173+
</div>
174+
<div class="row text-center">
175+
<h1 class="mx-auto mt-5 mb-5">Mentorship System Backend</h1>
176+
<iframe class="iframe-style" src="https://publiclab.github.io/community-toolbox/examples/embed.html#o=systers&r=mentorship-backend"></iframe>
177+
</div>
178+
<!-- Peace Corps Projects Note-->
179+
</ng-template>
180+
</ngb-tab>
181+
<ngb-tab title="Android Dev">
182+
<ng-template ngbTabContent>
183+
<!-- Systers Projects Note-->
184+
<div class="row text-center">
185+
<h1 class="mx-auto mt-5 mb-5">Conference Android</h1>
186+
<iframe class="iframe-style" src="https://publiclab.github.io/community-toolbox/examples/embed.html#o=systers&r=conference-android"></iframe>
187+
</div>
188+
<div class="row text-center">
189+
<h1 class="mx-auto mt-5 mb-5">Firstaide Android</h1>
190+
<iframe class="iframe-style" src="https://publiclab.github.io/community-toolbox/examples/embed.html#o=systers&r=FirstAide-Android"></iframe>
191+
</div>
192+
<div class="row text-center">
193+
<h1 class="mx-auto mt-5 mb-5">Powerup Android</h1>
194+
<iframe class="iframe-style" src="https://publiclab.github.io/community-toolbox/examples/embed.html#o=systers&r=powerup-android"></iframe>
195+
</div>
196+
<div class="row text-center">
197+
<h1 class="mx-auto mt-5 mb-5">Malaria App Android</h1>
198+
<iframe class="iframe-style" src="https://publiclab.github.io/community-toolbox/examples/embed.html#o=systers&r=malaria-app-android"></iframe>
199+
</div>
200+
<div class="row text-center">
201+
<h1 class="mx-auto mt-5 mb-5">Mentorship Android</h1>
202+
<iframe class="iframe-style" src="https://publiclab.github.io/community-toolbox/examples/embed.html#o=systers&r=mentorship-android"></iframe>
203+
</div>
204+
<div class="row text-center">
205+
<h1 class="mx-auto mt-5 mb-5">Peacetrack Android</h1>
206+
<iframe class="iframe-style" src="https://publiclab.github.io/community-toolbox/examples/embed.html#o=systers&r=peacetrack-android"></iframe>
207+
</div>
208+
<div class="row text-center">
209+
<h1 class="mx-auto mt-5 mb-5">Volunteers Android</h1>
210+
<iframe class="iframe-style" src="https://publiclab.github.io/community-toolbox/examples/embed.html#o=systers&r=volunteers-android"></iframe>
211+
</div>
212+
<!-- Systers Projects Note-->
213+
</ng-template>
214+
</ngb-tab>
215+
<ngb-tab title="Web Dev - Javascript">
216+
<ng-template ngbTabContent>
217+
<!-- Systers Projects Note-->
218+
<div class="row text-center">
219+
<h1 class="mx-auto mt-5 mb-5">Systers Open Source</h1>
220+
<iframe class="iframe-style" src="https://publiclab.github.io/community-toolbox/examples/embed.html#o=systers&r=systers.github.io"></iframe>
221+
</div>
222+
<div class="row text-center">
223+
<h1 class="mx-auto mt-5 mb-5">Systers Communities</h1>
224+
<iframe class="iframe-style" src="https://publiclab.github.io/community-toolbox/examples/embed.html#o=systers&r=communities"></iframe>
225+
</div>
226+
<div class="row text-center">
227+
<h1 class="mx-auto mt-5 mb-5">Systers Open Source Slack Inviter</h1>
228+
<iframe class="iframe-style" src="https://publiclab.github.io/community-toolbox/examples/embed.html#o=systers&r=slack-systers-opensource"></iframe>
229+
</div>
230+
<div class="row text-center">
231+
<h1 class="mx-auto mt-5 mb-5">GHC Slack Inviter</h1>
232+
<iframe class="iframe-style" src="https://publiclab.github.io/community-toolbox/examples/embed.html#o=systers&r=slack-ghc"></iframe>
233+
</div>
234+
<!-- Systers Projects Note-->
235+
</ng-template>
236+
</ngb-tab>
237+
<ngb-tab title="iOS App Development">
238+
<ng-template ngbTabContent>
239+
<!-- Systers Projects Note-->
240+
<div class="row text-center">
241+
<h1 class="mx-auto mt-5 mb-5">Malaria App iOS</h1>
242+
<iframe class="iframe-style" src="https://publiclab.github.io/community-toolbox/examples/embed.html#o=systers&r=malaria-app-ios"></iframe>
243+
</div>
244+
<div class="row text-center">
245+
<h1 class="mx-auto mt-5 mb-5">Powerup iOS</h1>
246+
<iframe class="iframe-style" src="https://publiclab.github.io/community-toolbox/examples/embed.html#o=systers&r=powerup-ios"></iframe>
247+
</div>
248+
<div class="row text-center">
249+
<h1 class="mx-auto mt-5 mb-5">Peacetrack iOS</h1>
250+
<iframe class="iframe-style" src="https://publiclab.github.io/community-toolbox/examples/embed.html#o=systers&r=peacetrack-ios"></iframe>
251+
</div>
252+
<div class="row text-center">
253+
<h1 class="mx-auto mt-5 mb-5">Firstaide iOS</h1>
254+
<iframe class="iframe-style" src="https://publiclab.github.io/community-toolbox/examples/embed.html#o=systers&r=FirstAide-iOS"></iframe>
255+
</div>
256+
<div class="row text-center">
257+
<h1 class="mx-auto mt-5 mb-5">Vola iOS</h1>
258+
<iframe class="iframe-style" src="https://publiclab.github.io/community-toolbox/examples/embed.html#o=systers&r=volunteers-iOS"></iframe>
259+
</div>
260+
<!-- Systers Projects Note-->
261+
</ng-template>
262+
</ngb-tab>
263+
</ngb-tabset>
264+
</div>
156265
</div>

‎src/app/newcomers/newcomers.component.scss‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,6 @@
1616

1717
.colour2 {
1818
background-color: #9e186d;
19-
;
2019
}
2120

2221
.colour3 {
@@ -53,7 +52,12 @@
5352
background-color: white;
5453
}
5554

55+
.iframe-style{
56+
border:none;
57+
height: 600px;
58+
width: 100%;
59+
}
5660
.modal-body1 {
5761
min-width: 50vh;
5862
overflow-y: auto;
59-
}
63+
}

‎src/app/newcomers/newcomers.component.ts‎

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,21 @@
11
import { Component, OnInit } from '@angular/core';
2-
import {nonCodeMethodsData} from '../newcomers/nonCodeMethodsData';
3-
import {Workflow} from '../newcomers/workflow-stages-data';
2+
import { nonCodeMethodsData } from '../newcomers/nonCodeMethodsData';
3+
import { Workflow } from './workflow-stages-data';
44
import { Resources } from './resources-data';
55

66
@Component({
77
selector: 'app-newcomers',
88
templateUrl: './newcomers.component.html',
99
styleUrls: ['./newcomers.component.scss']
1010
})
11+
12+
1113
export class NewcomersComponent implements OnInit {
14+
1215
method_details = nonCodeMethodsData;
1316
workflow_stages = Workflow;
1417
resources = Resources;
15-
constructor() { }
18+
currentJustify = 'justified';
1619

1720
ngOnInit() { }
1821

0 commit comments

Comments
 (0)