bucky
/
url-shortener
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

Compare commits

base: bucky:d3ab78b17d329c90f1659e596024066a60ece675
Branches Tags
bucky:master
bucky:2023-10-15
..
compare: bucky:a0be5c699a4ff4e7d40b076e73af365a4fc73ade
Branches Tags
bucky:master
bucky:2023-10-15

No commits in common. "d3ab78b17d329c90f1659e596024066a60ece675" and "a0be5c699a4ff4e7d40b076e73af365a4fc73ade" have entirely different histories.
d3ab78b17d ... a0be5c699a

4 changed files with 7 additions and 86 deletions
Show Stats Expand all files Collapse all files

1
.gitignore vendored
View File

@ -2,4 +2,3 @@
.bundle
*.db
.env.rb
coverage

3
views/create.erb
View File

@ -1 +1,2 @@
<h3 style="overflow-wrap: break-word; word-wrap: break-word;"><a href="<%= @new_link %>" target="_blank"><%= @new_link %></a></h3>
<h2><a href="/" style="color: #555555;">Home</a></h2>
<h3 style="overflow-wrap: break-word; word-wrap: break-word;"><a href="<%= @new_link %>" target="_blank" style="color: #555555;"><%= @new_link %></a></h3>

4
views/home.erb
View File

@ -3,7 +3,7 @@
name="url"
pattern="https?://.+"
placeholder="http://www.example.com/"
autocomplete="off"
style="padding: 0.5rem;"
required />
<button type="submit">Submit</button>
<button type="submit" style="padding: 0.5rem;">Submit</button>
</form>

85
views/layout.erb
View File

@ -2,89 +2,10 @@
<head>
<title><%= @page_title || "URL Shortener" %></title>
<link rel="icon" href="data:,">
<style>
:root {
--white: #FEFEFE;
--shadow: #333;
--black: #555;
--darker-blue: #809DFF;
--dark-blue: #99b1ff;
--medium-blue: #B3C6FF;
--light-blue: #CCD8FF;
--lightest-blue: #E6EBFF;
}
body {
background: var(--white);
background-image: linear-gradient(to bottom right, var(--lightest-blue), var(--white), var(--lightest-blue));
font-family: Helvetica, sans-serif;
color: var(--black);
}
input {
padding: 1rem;
border-radius: 5px;
border: 3px solid var(--dark-blue);
margin-right: 1rem;
outline: none;
}
input:focus, input:hover {
border: 3px solid var(--darker-blue);
}
button {
color: var(--white);
padding: 1rem;
border-radius: 5px;
border: 2px solid var(--dark-blue);
background: var(--dark-blue);
font-weight: bold;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}
button:hover {
background: var(--darker-blue);
}
button:active {
background: var(--light-blue);
color: var(--black);
}
a {
color: var(--black);
text-decoration: none;
border-bottom: 4px solid var(--white);
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}
a:hover, a:active, a:focus {
color: var(--darker-blue);
border-bottom: 4px solid var(--darker-blue);
}
main {
max-width: 30rem;
min-width: 18rem;
border: 5px solid var(--medium-blue);
border-radius: 20px;
margin: auto;
padding: 1rem;
margin-top: 5rem;
text-align: center;
min-height: 200px;
box-shadow: 3px 2px 10px var(--shadow);
background: var(--white);
}
</style>
</head>
<body style="">
<main>
<h1><a href="/">URL Shortener</a></h1>
<body style="background: #FEFEFE; font-family: Helvetica, sans-serif; color: #555555;">
<main style="max-width: 30rem; min-width: 18rem; border: 5px solid #999999; border-radius: 20px; margin: auto; padding: 1rem; margin-top: 5rem; text-align: center; min-height: 175px;">
<h1>URL Shortener</h1>
<h4 id="message"><%== @message %></h4>
<%== yield %>
</main>