freeCodeCamp.org-Back-End-Dev-and-APIs/urlshortener
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: code highlighting, remove Roboto font

Browse Source
This commit is contained in:
Kris Koishigawa 2020-09-14 18:34:31 +09:00
parent 0f7269582b
commit 4672df6236
2 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
public/style.css
View File

@ -1,8 +1,8 @@
body { body {
font-family: 'Roboto', sans-serif; font-family: Arial, sans-serif;
font-size: 16px; font-size: 16px;
color: #222; color: #222;
background-color: #fafafa; background-color: #fff;
text-align: center; text-align: center;
line-height: 1.4em; line-height: 1.4em;
} }
@ -26,15 +26,17 @@ h3 {
max-width: 700px; max-width: 700px;
margin: 15px auto; margin: 15px auto;
} }
code { code {
font-family: monospace; font-family: monospace;
padding: 2px; padding: 2px;
color: black; background-color: #eeeef0;
background-color: #fff;
} }
ol { ol {
list-style-position: inside; list-style-position: inside;
} }
ul { ul {
list-style-type: none; list-style-type: none;
} }
@ -42,6 +44,7 @@ ul {
li { li {
margin-bottom: 0.5em; margin-bottom: 0.5em;
} }
.user-stories li { .user-stories li {
margin-bottom: 1em; margin-bottom: 1em;
} }

9
views/index.html
View File

@ -8,7 +8,6 @@
href="https://cdn.hyperdev.com/us-east-1%3A52a203ff-088b-420f-81be-45bf559d01b1%2Ffavicon.ico" href="https://cdn.hyperdev.com/us-east-1%3A52a203ff-088b-420f-81be-45bf559d01b1%2Ffavicon.ico"
type="image/x-icon" type="image/x-icon"
/> />
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css" />
<link href="/public/style.css" rel="stylesheet" type="text/css" /> <link href="/public/style.css" rel="stylesheet" type="text/css" />
</head> </head>
@ -18,9 +17,9 @@
<h3>User Story:</h3> <h3>User Story:</h3>
<ol> <ol>
<li> <li>
I can POST a URL to <code>[project_url]/api/shorturl/new</code> and I will receive a shortened URL in the JSON I can <code>POST</code> a URL to <code>[project_url]/api/shorturl/new</code> and I will receive a shortened URL in the JSON
response.<br /> response.<br />
Example : <code>{ "original_url": "www.google.com", "short_url": 1 }</code> Example: <code>{ "original_url": "www.google.com", "short_url": 1 }</code>
</li> </li>
<li> <li>
If I pass an invalid URL that doesn't follow the <code>http(s)://www.example.com(/more/routes)</code> format, If I pass an invalid URL that doesn't follow the <code>http(s)://www.example.com(/more/routes)</code> format,
@ -32,7 +31,7 @@
</ol> </ol>
<h3>Short URL Creation</h3> <h3>Short URL Creation</h3>
<p>example: <code>POST [project_url]/api/shorturl/new</code> - <code>https://www.google.com</code></p> <p>Example: <code>POST [project_url]/api/shorturl/new</code> - <code>https://www.google.com</code></p>
<form action="api/shorturl/new" method="POST"> <form action="api/shorturl/new" method="POST">
<label for="url_input">URL to be shortened</label> <label for="url_input">URL to be shortened</label>
<input id="url_input" type="text" name="url" value="https://www.freecodecamp.org" /> <input id="url_input" type="text" name="url" value="https://www.freecodecamp.org" />
@ -45,7 +44,7 @@
<p>https://forum.freecodecamp.org/</p> <p>https://forum.freecodecamp.org/</p>
</div> </div>
<div class="footer"> <div class="footer">
<p>by <a href="https://www.freecodecamp.org">freeCodeCamp</a></p> <p>By <a href="https://www.freecodecamp.org">freeCodeCamp</a></p>
</div> </div>
</body> </body>
</html> </html>