Skip to content
This repository was archived by the owner on Apr 28, 2022. It is now read-only.

Commit 3d3e6b3

Browse files
mackmack
committed
Reorganized html
1 parent 24747fa commit 3d3e6b3

2 files changed

Lines changed: 64 additions & 7 deletions

File tree

‎css/style.css‎

Lines changed: 17 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -23,9 +23,7 @@ body {
2323
.github-pinner.gp-all {
2424
background-color: white;
2525
border-radius: 3px;
26-
max-height: 90%;
27-
overflow: scroll;
28-
width: 500px;
26+
width: 300px;
2927
}
3028

3129
/* MARK: - Profile Styling */
@@ -218,11 +216,13 @@ body {
218216
text-decoration: none;
219217
}
220218

221-
.github-pinner #gp-container-all-repos {
219+
.github-pinner #gp-container-all-repos {
222220
position: relative;
221+
max-height: 90%;
222+
overflow: scroll;
223223
}
224224

225-
.github-pinner #gp-container-all-repos .gp-search {
225+
.github-pinner .gp-search {
226226
/* reset */
227227
border:none;
228228
outline: none;
@@ -245,8 +245,19 @@ body {
245245
background-blend-mode: red;
246246
}
247247

248+
.github-pinner .gp-search:focus {
249+
background-image: url("/Users/mack/Desktop/search2.svg");
250+
border-color: #3B9CEA;
251+
}
252+
248253
.github-pinner #gp-container-all-repos > #gp-container-repo {
249-
margin: 8px 0;
254+
margin: 12px 0;
255+
padding-bottom: 12px;
256+
border-bottom: 1px solid #e1e4e8;
257+
}
258+
259+
.github-pinner #gp-container-all-repos > #gp-container-repo:last-child {
260+
border-bottom: none;
250261
}
251262

252263
.github-pinner .gp-user-link {

‎demo.html‎

Lines changed: 47 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,8 +12,53 @@
1212
<div data="https://github.com/mackboudreau/DalhousieScheduleBuilder" class="github-pinner" style="visibility: hidden;"></div>
1313
<div data="https://github.com/mackboudreau/DalhousieScheduleBuilder" class="github-pinner" style="visibility: hidden;"></div> -->
1414
<div data="https://github.com/mackboudreau?tab=all" class="github-pinner gp-all" >
15-
<div id="gp-container-all-repos">
1615
<input type="text" placeholder="Search for project..." class="gp-search"></input>
16+
<div id="gp-container-all-repos">
17+
<div id="gp-container-repo">
18+
<a class="gp-title" href="https://github.com/mackboudreau/DalhousieScheduleBuilder">DalhousieScheduleBuilder</a>
19+
<p class="gp-desc">📆 A web app that allows Dal students to plan out their future class schedule</p>
20+
<div id="gp-stats">
21+
<p class="gp-stat"><span class="gp-lang"></span>Javascript</p>
22+
<a class="gp-stat gp-link"><svg class="gp-octicon" height="16" role="img" version="1.1" viewBox="0 0 14 16" width="14"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74z"></path></svg>1</a>
23+
<a class="gp-stat gp-link"><svg class="gp-octicon" height="16" role="img" version="1.1" viewBox="0 0 10 16" width="10"><path fill-rule="evenodd" d="M8 1a1.993 1.993 0 0 0-1 3.72V6L5 8 3 6V4.72A1.993 1.993 0 0 0 2 1a1.993 1.993 0 0 0-1 3.72V6.5l3 3v1.78A1.993 1.993 0 0 0 5 15a1.993 1.993 0 0 0 1-3.72V9.5l3-3V4.72A1.993 1.993 0 0 0 8 1zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3 10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3-10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path></svg>1</a>
24+
</div>
25+
</div>
26+
<div id="gp-container-repo">
27+
<a class="gp-title" href="https://github.com/mackboudreau/DalhousieScheduleBuilder">DalhousieScheduleBuilder</a>
28+
<p class="gp-desc">📆 A web app that allows Dal students to plan out their future class schedule</p>
29+
<div id="gp-stats">
30+
<p class="gp-stat"><span class="gp-lang"></span>Javascript</p>
31+
<a class="gp-stat gp-link"><svg class="gp-octicon" height="16" role="img" version="1.1" viewBox="0 0 14 16" width="14"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74z"></path></svg>1</a>
32+
<a class="gp-stat gp-link"><svg class="gp-octicon" height="16" role="img" version="1.1" viewBox="0 0 10 16" width="10"><path fill-rule="evenodd" d="M8 1a1.993 1.993 0 0 0-1 3.72V6L5 8 3 6V4.72A1.993 1.993 0 0 0 2 1a1.993 1.993 0 0 0-1 3.72V6.5l3 3v1.78A1.993 1.993 0 0 0 5 15a1.993 1.993 0 0 0 1-3.72V9.5l3-3V4.72A1.993 1.993 0 0 0 8 1zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3 10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3-10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path></svg>1</a>
33+
</div>
34+
</div>
35+
<div id="gp-container-repo">
36+
<a class="gp-title" href="https://github.com/mackboudreau/DalhousieScheduleBuilder">DalhousieScheduleBuilder</a>
37+
<p class="gp-desc">📆 A web app that allows Dal students to plan out their future class schedule</p>
38+
<div id="gp-stats">
39+
<p class="gp-stat"><span class="gp-lang"></span>Javascript</p>
40+
<a class="gp-stat gp-link"><svg class="gp-octicon" height="16" role="img" version="1.1" viewBox="0 0 14 16" width="14"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74z"></path></svg>1</a>
41+
<a class="gp-stat gp-link"><svg class="gp-octicon" height="16" role="img" version="1.1" viewBox="0 0 10 16" width="10"><path fill-rule="evenodd" d="M8 1a1.993 1.993 0 0 0-1 3.72V6L5 8 3 6V4.72A1.993 1.993 0 0 0 2 1a1.993 1.993 0 0 0-1 3.72V6.5l3 3v1.78A1.993 1.993 0 0 0 5 15a1.993 1.993 0 0 0 1-3.72V9.5l3-3V4.72A1.993 1.993 0 0 0 8 1zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3 10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3-10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path></svg>1</a>
42+
</div>
43+
</div>
44+
<div id="gp-container-repo">
45+
<a class="gp-title" href="https://github.com/mackboudreau/DalhousieScheduleBuilder">DalhousieScheduleBuilder</a>
46+
<p class="gp-desc">📆 A web app that allows Dal students to plan out their future class schedule</p>
47+
<div id="gp-stats">
48+
<p class="gp-stat"><span class="gp-lang"></span>Javascript</p>
49+
<a class="gp-stat gp-link"><svg class="gp-octicon" height="16" role="img" version="1.1" viewBox="0 0 14 16" width="14"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74z"></path></svg>1</a>
50+
<a class="gp-stat gp-link"><svg class="gp-octicon" height="16" role="img" version="1.1" viewBox="0 0 10 16" width="10"><path fill-rule="evenodd" d="M8 1a1.993 1.993 0 0 0-1 3.72V6L5 8 3 6V4.72A1.993 1.993 0 0 0 2 1a1.993 1.993 0 0 0-1 3.72V6.5l3 3v1.78A1.993 1.993 0 0 0 5 15a1.993 1.993 0 0 0 1-3.72V9.5l3-3V4.72A1.993 1.993 0 0 0 8 1zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3 10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3-10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path></svg>1</a>
51+
</div>
52+
</div>
53+
<div id="gp-container-repo">
54+
<a class="gp-title" href="https://github.com/mackboudreau/DalhousieScheduleBuilder">DalhousieScheduleBuilder</a>
55+
<p class="gp-desc">📆 A web app that allows Dal students to plan out their future class schedule</p>
56+
<div id="gp-stats">
57+
<p class="gp-stat"><span class="gp-lang"></span>Javascript</p>
58+
<a class="gp-stat gp-link"><svg class="gp-octicon" height="16" role="img" version="1.1" viewBox="0 0 14 16" width="14"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74z"></path></svg>1</a>
59+
<a class="gp-stat gp-link"><svg class="gp-octicon" height="16" role="img" version="1.1" viewBox="0 0 10 16" width="10"><path fill-rule="evenodd" d="M8 1a1.993 1.993 0 0 0-1 3.72V6L5 8 3 6V4.72A1.993 1.993 0 0 0 2 1a1.993 1.993 0 0 0-1 3.72V6.5l3 3v1.78A1.993 1.993 0 0 0 5 15a1.993 1.993 0 0 0 1-3.72V9.5l3-3V4.72A1.993 1.993 0 0 0 8 1zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3 10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3-10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path></svg>1</a>
60+
</div>
61+
</div>
1762
<div id="gp-container-repo">
1863
<a class="gp-title" href="https://github.com/mackboudreau/DalhousieScheduleBuilder">DalhousieScheduleBuilder</a>
1964
<p class="gp-desc">📆 A web app that allows Dal students to plan out their future class schedule</p>
@@ -23,6 +68,7 @@
2368
<a class="gp-stat gp-link"><svg class="gp-octicon" height="16" role="img" version="1.1" viewBox="0 0 10 16" width="10"><path fill-rule="evenodd" d="M8 1a1.993 1.993 0 0 0-1 3.72V6L5 8 3 6V4.72A1.993 1.993 0 0 0 2 1a1.993 1.993 0 0 0-1 3.72V6.5l3 3v1.78A1.993 1.993 0 0 0 5 15a1.993 1.993 0 0 0 1-3.72V9.5l3-3V4.72A1.993 1.993 0 0 0 8 1zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3 10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3-10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path></svg>1</a>
2469
</div>
2570
</div>
71+
2672
<div id="gp-container-repo">
2773
<a class="gp-title" href="https://github.com/mackboudreau/DalhousieScheduleBuilder">DalhousieScheduleBuilder</a>
2874
<p class="gp-desc">📆 A web app that allows Dal students to plan out their future class schedule</p>

0 commit comments

Comments
 (0)