Skip to content

Commit 18b79ef

Browse files
UlisesGasconUlisesGascon
authored
Merge pull request #22 from OSWeekends/release-1.0
Release 1.0
2 parents 4aec51e + e5c8cb3 commit 18b79ef

File tree

6 files changed

+314
-352
lines changed

6 files changed

+314
-352
lines changed

‎README.md

+7
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,12 @@ Recolectar todas las métricas más vanidosas de la comunidad en un solo punto.
55

66
Información pública de Twitter, Github, Slack y Meetup.
77

8+
### Demo
9+
10+
11+
![captura de pantalla](other/vanity_capture.gif)
12+
13+
814
### Equipo: Guild 24
915
- [@koolTheba](https://github.com/koolTheba) Diseño y Frontend
1016
- [@UlisesGascon](https://github.com/UlisesGascon) Backend, API y DB
@@ -16,6 +22,7 @@ Información pública de Twitter, Github, Slack y Meetup.
1622
- `Puppeteer` (Scraper)
1723
- `Scheduled` (Cron Jobs)
1824
- `@octokit/rest` (Github Communication)
25+
- `moment.js` (Timeago en front)
1926

2027
### :round_pushpin: Variables de entorno
2128

‎goblin.json

+1-1
Large diffs are not rendered by default.

‎other/vanity_capture.gif

13.8 MB
Loading

‎public/css/css.css

+50-88
Original file line numberDiff line numberDiff line change
@@ -9,93 +9,88 @@ body {
99
margin-bottom: 100px;
1010
}
1111

12-
/* Feed CSS - @see https://www.bootdey.com/snippets/view/Profile-page-with-activities#html */
1312

14-
.media-body {
15-
display: flex;
16-
justify-content:start;
17-
align-items:start;
13+
/* Feed CSS - @see https://www.bootdey.com/snippets/view/Profile-page-with-activities#html */
1814

15+
.media-body {
16+
display: flex;
17+
justify-content: flex-start;
18+
align-items: flex-start;
1919
}
2020

2121
.feed-element {
22-
padding: 15px 0 15px 0;
22+
padding: 15px 0;
2323
}
2424

25-
.media-body > a {
26-
padding:1px;
27-
border: solid 1px #DFDDE0;
28-
margin-right: 10px;
29-
border-radius: 10%;
25+
.media-body>a {
26+
padding: 1px;
27+
border: solid 1px #DFDDE0;
28+
margin-right: 10px;
29+
border-radius: 10%;
3030
}
3131

3232
.img-square {
33-
width: 60px;
34-
border-radius: 10%;
33+
width: 60px;
34+
border-radius: 10%;
3535
}
3636

37-
38-
3937
#info-wrapper {
40-
display: none;
38+
display: none;
4139
}
4240

4341
#error-data {
44-
display: none;
42+
display: none;
4543
}
4644

4745
#error-data h1 {
48-
background-color: #C21018;
49-
display: inline;
50-
padding: 2px 10px;
51-
color: #FFF;
52-
-webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
53-
-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
54-
box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
46+
background-color: #C21018;
47+
display: inline;
48+
padding: 2px 10px;
49+
color: #FFF;
50+
-webkit-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.75);
51+
-moz-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.75);
52+
box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.75);
5553
}
5654

5755
#error-data h2 {
58-
margin-top: 15px;
56+
margin-top: 15px;
5957
}
6058

6159
#error-data {
62-
margin-top: 60px;
60+
margin-top: 60px;
6361
}
6462

6563
#error-data img {
66-
max-height: 20rem;
64+
max-height: 20rem;
6765
}
6866

6967
.bg-corporate {
7068
background-color: #003DA5;
7169
}
7270

71+
7372
/* -- Cards -- */
7473

74+
.card {
75+
color: #fff;
76+
font-weight: bold;
77+
}
78+
7579
.info-twitter {
7680
background-color: #1DADE9;
77-
color: #fff;
7881
}
7982

8083
.info-slack {
8184
background-color: #EAB23D;
82-
color: #fff;
8385
}
8486

8587
.info-meetup {
8688
background-color: #F34363;
87-
color: #fff;
8889
padding-bottom: 1.8rem;
8990
}
9091

9192
.info-github {
9293
background-color: #24292D;
93-
color: #fff;
94-
}
95-
96-
.card a {
97-
color: white;
98-
text-decoration: underline;
9994
}
10095

10196
.card-icon {
@@ -106,92 +101,59 @@ body {
106101

107102
.card-body {
108103
line-height: 12px;
109-
font-weight: bold;
110104
}
111105

112106
.card-title {
113107
font-size: 1.6rem;
114-
font-weight: bold;
115108
}
116109

117-
118-
/* -- The Team -- */
119-
120-
.team-section {
110+
/* -- TAGS -- */
111+
.tags {
121112
justify-content: center;
122113
max-width: 100%;
123114
}
124115

125-
.team-section div {
126-
font-size: 1.9rem;
127-
word-wrap: break-word;
128-
text-align: center;
129-
overflow: hidden;
130-
padding: 0 10px;
116+
.tags div {
117+
font-size: 1.9rem;
118+
word-wrap: break-word;
119+
text-align: center;
120+
overflow: hidden;
121+
padding: 0 10px;
131122
}
132123

133-
.team-section a {
134-
margin: 0 3px;
135-
background-color: #003DA5;
124+
.tags a {
125+
margin: 0 3px;
136126
color: #fff;
137127
padding: 0 15px;
138128
}
139129

140-
141-
/* -- The Communities -- */
142-
143-
.communities-section {
144-
justify-content: center;
145-
max-width: 100%;
130+
/* -- The Team -- */
131+
.team-section a {
132+
background-color: #003DA5;
146133
}
147134

148-
.communities-section div {
149-
font-size: 1.9rem;
150-
word-wrap: break-word;
151-
text-align: center;
152-
overflow: hidden;
153-
padding: 0 10px;
154-
}
155135

136+
/* -- The Communities -- */
156137
.communities-section a {
157-
margin: 0 3px;
158138
background-color: #dfdde0;
159139
color: #605865;
160-
font-weight: bold;
161-
padding: 0 15px;
162140
}
163141

164142

165143
/* -- The Sponsors -- */
166-
167-
.sponsors-section {
168-
justify-content: center;
169-
max-width: 100%;
170-
}
171-
172-
.sponsors-section div {
173-
font-size: 1.9rem;
174-
word-wrap: break-word;
175-
text-align: center;
176-
overflow: hidden;
177-
padding: 0 10px;
178-
}
179-
180144
.sponsors-section a {
181-
margin: 0 3px;
182145
background-color: #434343;
183-
color: #fff;
184-
padding: 0 15px;
185146
}
186147

187148

188149
/* -- Loading Status -- */
189150

190151
#loading-status img {
191-
height: 256px;
192-
margin-top: 80px;
152+
height: 256px;
153+
margin-top: 80px;
193154
}
194155

156+
195157
/* -- Footer -- */
196158

197159
.footer {
@@ -203,7 +165,7 @@ body {
203165
background-color: #f5f5f5;
204166
}
205167

206-
.footer>.container {
168+
.footer > .container {
207169
padding-right: 15px;
208170
padding-left: 15px;
209171
}
@@ -238,8 +200,8 @@ body {
238200
animation-delay: .4s;
239201
}
240202

241-
/* -- Media queries */
242203

204+
/* -- Media queries */
243205
@media(max-width: 990px) {
244206
.card {
245207
margin-bottom: 2rem;

‎public/index.html

+7-12
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,8 @@
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<meta http-equiv="X-UA-Compatible" content="ie=edge">
7-
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp"
8-
crossorigin="anonymous">
9-
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB"
10-
crossorigin="anonymous">
7+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
8+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
119
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
1210
<link rel="stylesheet" href="css/css.css">
1311
<title>OSW Vanity Page</title>
@@ -38,7 +36,6 @@ <h1>Social Impact</h1>
3836
</div>
3937
</div>
4038
</div>
41-
<!-- My cards -->
4239
<div class="container">
4340
<div class="row mb-5">
4441
<div class="col-lg-3 col-md-6 col-12">
@@ -88,7 +85,7 @@ <h1>The Team</h1>
8885
<p class="text-secondary">What a memorable bunch of folks!</p>
8986
</div>
9087
</header>
91-
<div class="row mb-5 team-section">
88+
<div class="row mb-5 team-section tags">
9289
<div>
9390
</div>
9491
</div>
@@ -99,10 +96,10 @@ <h1>The Team</h1>
9996
<header>
10097
<div class="main-title text-center my-4">
10198
<h1>The Communities</h1>
102-
<p class="text-secondary">Our communities sisterhood!</p>
99+
<p class="text-secondary">Our best friends and partners! 😎</p>
103100
</div>
104101
</header>
105-
<div class="row mb-5 communities-section">
102+
<div class="row mb-5 communities-section tags">
106103
<div>
107104
</div>
108105
</div>
@@ -113,16 +110,15 @@ <h1>The Communities</h1>
113110
<header>
114111
<div class="main-title text-center my-4">
115112
<h1>The Sponsors</h1>
116-
<p class="text-secondary">So proud of our sponsors!</p>
113+
<p class="text-secondary">So proud of our sponsors! 🙌</p>
117114
</div>
118115
</header>
119-
<div class="row mb-5 sponsors-section">
116+
<div class="row mb-5 sponsors-section tags">
120117
<div>
121118
</div>
122119
</div>
123120
</div>
124121
</section>
125-
<!-- Feed section -->
126122
<section id="activity-feed">
127123
<div class="container">
128124
<div class="col-md-8 mx-auto my-5">
@@ -158,7 +154,6 @@ <h4 class="dots">Please try refreshing and wait<span>.</span><span>.</span><span
158154
<span class="text-muted">Made with 💙 by Guilders!</span>
159155
</div>
160156
</footer>
161-
<!-- Scripts -->
162157
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
163158
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
164159
crossorigin="anonymous"></script>

0 commit comments

Comments
 (0)