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 {
font-family: 'Roboto', sans-serif;
font-family: Arial, sans-serif;
font-size: 16px;
color: #222;
background-color: #fafafa;
background-color: #fff;
text-align: center;
line-height: 1.4em;
}
@ -26,15 +26,17 @@ h3 {
max-width: 700px;
margin: 15px auto;
}
code {
font-family: monospace;
padding: 2px;
color: black;
background-color: #fff;
background-color: #eeeef0;
}
ol {
list-style-position: inside;
}
ul {
list-style-type: none;
}
@ -42,6 +44,7 @@ ul {
li {
margin-bottom: 0.5em;
}
.user-stories li {
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"
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" />
</head>
@ -18,9 +17,9 @@
<h3>User Story:</h3>
<ol>
<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 />
Example : <code>{ "original_url": "www.google.com", "short_url": 1 }</code>
Example: <code>{ "original_url": "www.google.com", "short_url": 1 }</code>
</li>
<li>
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>
<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">
<label for="url_input">URL to be shortened</label>
<input id="url_input" type="text" name="url" value="https://www.freecodecamp.org" />
@ -45,7 +44,7 @@
<p>https://forum.freecodecamp.org/</p>
</div>
<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>
</body>
</html>