Skip to content

Commit b42b59e

Browse files
committed
Custom Optbnb Logo and Favicon Added
Designed new logo instead of copying Airbnb's logo.
1 parent 7c4b36a commit b42b59e

File tree

6 files changed

+12
-5
lines changed

6 files changed

+12
-5
lines changed

README.md

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -102,7 +102,9 @@ For my Google Maps functionality, I wanted it to go to the location and create
102102
a marker when you optimize the price. To accomplish this I set a default
103103
coordinate value for each neighbourhood, so if the user only inputs a
104104
neighbourhood it will go to the center of the neighbourhood. If the user inputs
105-
coordinates, it will go directly to those coordinates and zoom in.
105+
coordinates, it will go directly to those coordinates and zoom in. I really
106+
wanted to highlight the neighbourhoods when zooming in, but due to the lack of
107+
time I decided just to set a center coordinate.
106108

107109
Additionally because the dataset only included San Francisco data, I did not
108110
want the user to enter coordinates that were not in San Francisco. To do this
@@ -123,3 +125,8 @@ the web app will most likely not be used my many people at once so it was just
123125
a fun task for me to do. I used socket.io to keep track of people connecting
124126
to the web app and used jquery functions to send their messages to everyone
125127
on the site.
128+
129+
Another fun thing I added was a custom logo. I originally just going to use the
130+
default Airbnb logo, but I wanted a look that was similar, but not identical.
131+
I designed something that kind of looked like the logo, but made it my own. I
132+
think the end result was great, and I'm glad I went with this option!

img/favicon.ico

1.12 KB
Binary file not shown.

img/optbnb.png

28.2 KB
Loading

img/optbnbLogo.png

38.3 KB
Loading

img/optbnbText.png

19.5 KB
Loading

index.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,6 @@
22
<html lang="en">
33

44
<head>
5-
6-
<meta charset="utf-8">
75
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
86
<meta name="description" content="">
97
<meta name="author" content="">
@@ -20,6 +18,8 @@
2018
<!-- Custom styles for this template -->
2119
<link href="css/scrolling-nav.css" rel="stylesheet">
2220

21+
<link rel="icon" href="img/favicon.ico" type="image/x-icon">
22+
2323

2424

2525
<script src="js/Chart.js"></script>
@@ -43,7 +43,6 @@
4343
</style>
4444

4545

46-
4746
</head>
4847

4948
<body style="background-color: #EFF3F4" id="page-top">
@@ -52,7 +51,8 @@
5251
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" id="mainNav">
5352
<div class="container">
5453
<a class="navbar-brand js-scroll-trigger" href="#page-top">
55-
<img src="img/airbnb_logo_small.png" alt="Airbnb logo" height="35" width="45">OptBnb</a>
54+
<img src="img/optbnbLogo.png" alt="Airbnb logo" height="40" width="40"><img src="img/optbnbText.png" height="40" width="85"></a></a>
55+
5656
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
5757
<span class="navbar-toggler-icon"></span>
5858
</button>

0 commit comments

Comments
 (0)