Skip to content

Commit b5dcddb

Browse files
billdevcodebilldevcode
committed
Add link to live sites on portfolio page
1 parent 7738767 commit b5dcddb

File tree

2 files changed

+27
-9
lines changed

2 files changed

+27
-9
lines changed

‎index.html‎

Lines changed: 18 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -45,63 +45,72 @@ <h1>Web Development Portfolio</h1>
4545
<div class="container-fluid maps-locations">
4646
<div class="box textbox-maps">
4747
<h2>Google Places API</h2>
48-
<a href="https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/maps-locations" target="_blank" class="buttons" role="button">Learn More <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
48+
<a href="https://billdevcode.github.io/projects/maps-locations/index.html" target="_blank" class="buttons" role="button">See it live <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
49+
<a href="https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/maps-locations" target="_blank" class="buttons right-button" role="button">See codes <i class="fa fa-code" aria-hidden="true"></i></a>
4950
</div>
5051
</div>
5152

5253
<div class="container-fluid zip-quote">
5354
<div class="box textbox-quote">
5455
<h2>Random Quote Machine</h2>
55-
<a href="https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/random-quotes" target="_blank" class="buttons" role="button">Learn More <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
56+
<a href="https://billdevcode.github.io/projects/random-quotes/index.html" target="_blank" class="buttons" role="button">See it live <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
57+
<a href="https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/random-quotes" target="_blank" class="buttons right-button" role="button">See codes <i class="fa fa-code" aria-hidden="true"></i></a>
5658
</div>
5759
</div>
5860

5961
<div class="container-fluid zip-calculator">
6062
<div class="box textbox-calculator">
6163
<h2>JavaScript Calculator</h2>
62-
<a href="https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/javascript-calculator" target="_blank" class="buttons" role="button">Learn More <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
64+
<a href="https://billdevcode.github.io/projects/javascript-calculator/index.html" target="_blank" class="buttons" role="button">See it live <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
65+
<a href="https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/javascript-calculator" target="_blank" class="buttons right-button" role="button">See codes <i class="fa fa-code" aria-hidden="true"></i></a>
6366
</div>
6467
</div>
6568

6669
<div class="container-fluid zip-clock">
6770
<div class="box textbox-clock">
6871
<h2>Pomodoro Clock</h2>
69-
<a href="https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/pomodoro-clock" target="_blank" class="buttons" role="button">Learn More <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
72+
<a href="https://billdevcode.github.io/projects/pomodoro-clock/index.html" target="_blank" class="buttons" role="button">See it live <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
73+
<a href="https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/pomodoro-clock" target="_blank" class="buttons right-button" role="button">See codes <i class="fa fa-code" aria-hidden="true"></i></a>
7074
</div>
7175
</div>
7276

7377
<div class="container-fluid zip-twitch">
7478
<div class="box textbox-twitch">
7579
<h2>Twitch.tv JSON API</h2>
76-
<a href="https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/twitchTV" target="_blank" class="buttons" role="button">Learn More <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
80+
<a href="https://billdevcode.github.io/projects/twitchTV/index.html" target="_blank" class="buttons" role="button">See it live <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
81+
<a href="https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/twitchTV" target="_blank" class="buttons right-button" role="button">See codes <i class="fa fa-code" aria-hidden="true"></i></a>
7782
</div>
7883
</div>
7984

8085
<div class="container-fluid react-fcc-leaderboard">
8186
<div class="box textbox-fcc-leaderboard">
8287
<h2>Camper Leaderboard</h2>
83-
<a href="https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/fcc-leaderboard" target="_blank" class="buttons" role="button">Learn More <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
88+
<a href="https://billdevcode.github.io/projects/fcc-leaderboard/index.html" target="_blank" class="buttons" role="button">See it live <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
89+
<a href="https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/fcc-leaderboard" target="_blank" class="buttons right-button" role="button">See codes <i class="fa fa-code" aria-hidden="true"></i></a>
8490
</div>
8591
</div>
8692

8793
<div class="container-fluid zip-wiki">
8894
<div class="box textbox-wiki">
8995
<h2>Wikipedia Viewer</h2>
90-
<a href="https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/wikipedia-viewer" target="_blank" class="buttons" role="button">Learn More <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
96+
<a href="https://billdevcode.github.io/projects/wikipedia-viewer/index.html" target="_blank" class="buttons" role="button">See it live <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
97+
<a href="https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/wikipedia-viewer" target="_blank" class="buttons right-button" role="button">See codes <i class="fa fa-code" aria-hidden="true"></i></a>
9198
</div>
9299
</div>
93100

94101
<div class="container-fluid zip-tic-tac-toe">
95102
<div class="box textbox-tic-tac-toe">
96103
<h2>Tic-Tac-Toe Game</h2>
97-
<a href="https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/tic-tac-toe" target="_blank" class="buttons" role="button">Learn More <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
104+
<a href="https://billdevcode.github.io/projects/tic-tac-toe/index.html" target="_blank" class="buttons" role="button">See it live <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
105+
<a href="https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/tic-tac-toe" target="_blank" class="buttons right-button" role="button">See codes <i class="fa fa-code" aria-hidden="true"></i></a>
98106
</div>
99107
</div>
100108

101109
<div class="container-fluid zip-simon">
102110
<div class="box textbox-simon">
103111
<h2>Simon Game</h2>
104-
<a href="https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/simon-game" target="_blank" class="buttons" role="button">Learn More <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
112+
<a href="https://billdevcode.github.io/projects/simon-game/index.html" target="_blank" class="buttons" role="button">See it live <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
113+
<a href="https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/simon-game" target="_blank" class="buttons right-button" role="button">See codes <i class="fa fa-code" aria-hidden="true"></i></a>
105114
</div>
106115
</div>
107116
</div>

‎stylesheets/stylesheet.css‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -74,6 +74,15 @@ html, body {
7474
color: #FF4500;
7575
}
7676

77+
.buttons:active {
78+
color: blue;
79+
}
80+
81+
.right-button {
82+
float: right;
83+
margin-right: 20%;
84+
}
85+
7786
.maps-locations {
7887
background-image: url('../imgs/maps-locations.png');
7988
background-size: cover;

0 commit comments

Comments
 (0)