Skip to content

Commit 35f8792

Browse files
AswinAsokAswinAsok
committed
Final Touches
1 parent 07e1075 commit 35f8792

File tree

8 files changed

+14
-33
lines changed

8 files changed

+14
-33
lines changed

‎public/favicon.ico

-3.78 KB
Binary file not shown.

‎public/favicon.png

5.95 KB
Loading

‎public/index.html

+3-28
Original file line numberDiff line numberDiff line change
@@ -2,42 +2,17 @@
22
<html lang="en">
33
<head>
44
<meta charset="utf-8" />
5-
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
5+
<link rel="icon" href="%PUBLIC_URL%/favicon.png" />
66
<meta name="viewport" content="width=device-width, initial-scale=1" />
77
<meta name="theme-color" content="#000000" />
88
<meta
99
name="description"
10-
content="Web site created using create-react-app"
10+
content="A powerful minimalistic text editor with speech recognition and other statistics"
1111
/>
12-
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
13-
<!--
14-
manifest.json provides metadata used when your web app is installed on a
15-
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
16-
-->
17-
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
18-
<!--
19-
Notice the use of %PUBLIC_URL% in the tags above.
20-
It will be replaced with the URL of the `public` folder during the build.
21-
Only files inside the `public` folder can be referenced from the HTML.
2212

23-
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
24-
work correctly both with client-side routing and a non-root public URL.
25-
Learn how to configure a non-root public URL by running `npm run build`.
26-
-->
27-
<title>React App</title>
13+
<title>Editr.</title>
2814
</head>
2915
<body>
30-
<noscript>You need to enable JavaScript to run this app.</noscript>
3116
<div id="root"></div>
32-
<!--
33-
This HTML file is a template.
34-
If you open it directly in the browser, you will see an empty page.
35-
36-
You can add webfonts, meta tags, or analytics to this file.
37-
The build step will place the bundled scripts into the <body> tag.
38-
39-
To begin the development, run `npm start` or `yarn start`.
40-
To create a production bundle, use `npm run build` or `yarn build`.
41-
-->
4217
</body>
4318
</html>

‎src/App.css

+7-2
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,10 @@
55

66
.App {
77
position: relative;
8-
margin-bottom: 15vh;
8+
min-height: 100vh;
9+
padding-bottom: 15vh;
10+
background-color: #ffffff;
11+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23d198fe' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
912
}
1013

1114
.main-container {
@@ -23,7 +26,7 @@
2326
}
2427

2528
.App {
26-
margin-bottom: 0;
29+
padding-bottom: 0;
2730
}
2831
}
2932

@@ -33,6 +36,8 @@
3336
width: 80vw;
3437
margin-left: 10vw;
3538
flex-direction: column;
39+
justify-content: center;
40+
align-items: center;
3641
}
3742

3843
.pribtn {

‎src/App.js

+1
Original file line numberDiff line numberDiff line change
@@ -82,6 +82,7 @@ function App() {
8282
{stars} Stars <i class="fi fi-brands-github"></i>
8383
</button>
8484
</a>
85+
8586
<a href="https://twitter.com/_aswin_asok_" target="_blank">
8687
<button className="secbtn">
8788
Follow me on <i class="fi fi-brands-twitter"></i>

‎src/Components/Details/Details.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@
3434

3535
.details {
3636
width: 25vw;
37-
height: 40vh;
37+
height: 50vh;
3838
}
3939
}
4040

‎src/Components/Details/Details.jsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ const Details = ({
1212
<div className="details-container">
1313
<div className="details">
1414
<div className="count-container">
15-
<p className="heading">Editor Staticstics</p>
15+
<p className="heading">Editor Statistics</p>
1616
<div className="counters-container">
1717
<div className="count">
1818
<div className="circle">

‎src/Components/Editor/Editor.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33

44
.textarea {
55
width: 80vw;
6-
height: 40vh;
6+
height: 50vh;
77
font-family: "Poppins", sans-serif;
88
font-weight: 400;
99
font-size: 1rem;

0 commit comments

Comments
 (0)