Skip to content

Commit c2cb3db

Browse files
nitrotapnitrotap
committed
adding new icon
1 parent 315e6be commit c2cb3db

File tree

7 files changed

+17
-34
lines changed

7 files changed

+17
-34
lines changed

‎public/favicon.ico

-3.78 KB
Binary file not shown.

‎public/favicon.png

4.81 KB
Loading

‎public/index.html

+9-25
Original file line numberDiff line numberDiff line change
@@ -3,28 +3,23 @@
33

44
<head>
55
<meta charset="utf-8" />
6-
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
6+
<link rel="icon" href="%PUBLIC_URL%/favicon.png" />
77
<meta name="viewport" content="width=device-width, initial-scale=1" />
88
<meta name="theme-color" content="#000000" />
99
<meta name="description" content="@nitrotap's portfolio" />
1010
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
11-
<!--
12-
manifest.json provides metadata used when your web app is installed on a
13-
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
14-
-->
11+
1512
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
16-
<!--
17-
Notice the use of %PUBLIC_URL% in the tags above.
18-
It will be replaced with the URL of the `public` folder during the build.
19-
Only files inside the `public` folder can be referenced from the HTML.
20-
21-
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
22-
work correctly both with client-side routing and a non-root public URL.
23-
Learn how to configure a non-root public URL by running `npm run build`.
24-
-->
13+
2514
<!-- Compiled and minified CSS -->
2615
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
2716
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
17+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
18+
integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
19+
</link>
20+
21+
<!-- Compiled and minified JavaScript -->
22+
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
2823

2924

3025
<title>@nitrotap - Kartik Jevaji</title>
@@ -33,19 +28,8 @@
3328
<body>
3429
<noscript>You need to enable JavaScript to run this app.</noscript>
3530
<div id="root"></div>
36-
<!--
37-
This HTML file is a template.
38-
If you open it directly in the browser, you will see an empty page.
39-
40-
You can add webfonts, meta tags, or analytics to this file.
41-
The build step will place the bundled scripts into the <body> tag.
4231

43-
To begin the development, run `npm start` or `yarn start`.
44-
To create a production bundle, use `npm run build` or `yarn build`.
45-
-->
4632

47-
<!-- Compiled and minified JavaScript -->
48-
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
4933

5034
</body>
5135

‎public/manifest.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
"name": "Create React App Sample",
44
"icons": [
55
{
6-
"src": "favicon.ico",
6+
"src": "favicon.png",
77
"sizes": "64x64 32x32 24x24 16x16",
88
"type": "image/x-icon"
99
},

‎src/components/About/index.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@ import kjImg from '../../assets/images/kj-thumbnail.jpg'
33

44
function About() {
55
return (
6-
<div class="v6_24">
7-
<img src={kjImg} class="v6_26"></img>
6+
<div className="v6_24">
7+
<img alt="Full Stack Web Developer Kartik Jevaji" src={kjImg} className="v6_26"></img>
88
<div>
99
<h1>Kartik Jevaji</h1>
1010
</div>

‎src/components/Contact/index.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -31,9 +31,9 @@ function Contact() {
3131
<div className="col s12 center-align">
3232
<div className='card blue-grey'>
3333
<p className='card-title'>Message me on LinkedIn</p>
34-
<div class='card-content'>
34+
<div className='card-content'>
3535
<a href="https://www.linkedin.com/in/kjevaji/" target="_blank" rel="noreferrer">
36-
<i class="fab fa-linkedin fa-4x" style={{ backgroundColor: 'white', borderRadius: '0', padding: '5px' }}>
36+
<i className="fab fa-linkedin fa-4x" style={{ backgroundColor: 'white', borderRadius: '0', padding: '5px' }}>
3737
</i>
3838
</a>
3939
</div>

‎src/components/Footer/index.js

+3-4
Original file line numberDiff line numberDiff line change
@@ -3,13 +3,12 @@ import React from 'react';
33
function Footer() {
44
return (
55
<footer>
6-
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous"></link>
76
<div className='footer'>
87
<h4 style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', }}>Made with <span style={{ color: 'peachpuff' }}>&nbsp;&#x2764;&nbsp;</span> in CO.</h4>
98
<div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', }}>
10-
<a id="profile-link" href="https://github.com/freecodecamp" rel="noreferrer" target="_blank" class="btn contact-details"><i class="fab fa-github"></i> GitHub</a>
11-
<a href="https://www.linkedin.com/in/kjevaji/" target="_blank" rel="noreferrer" class="btn contact-details"><i class="fab fa-linkedin"></i> LinkedIn</a>
12-
<a href="mailto:[email protected]" class="btn contact-details"><i class="fas fa-at"></i> Email</a>
9+
<a id="profile-link" href="https://github.com/freecodecamp" rel="noreferrer" target="_blank" className="btn contact-details"><i className="fab fa-github"></i> GitHub</a>
10+
<a href="https://www.linkedin.com/in/kjevaji/" target="_blank" rel="noreferrer" className="btn contact-details"><i className="fab fa-linkedin"></i> LinkedIn</a>
11+
<a href="mailto:[email protected]" className="btn contact-details"><i className="fas fa-at"></i> Email</a>
1312
</div>
1413
<div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
1514
<h6>

0 commit comments

Comments
 (0)