From 5a7bece725860ec4ea239a3f6cf2109fe2c9d121 Mon Sep 17 00:00:00 2001 From: SphericalKat Date: Thu, 12 Aug 2021 02:47:23 +0530 Subject: [PATCH] feat(ui): implement header ui Signed-off-by: SphericalKat --- assets/css/app.css | 12 +++ assets/css/phoenix.css | 94 ------------------- assets/static/favicon.ico | Bin 1258 -> 270398 bytes assets/tailwind.config.js | 15 ++- lib/ketbin_web/templates/layout/app.html.eex | 40 ++++---- lib/ketbin_web/templates/page/index.html.eex | 41 +------- 6 files changed, 50 insertions(+), 152 deletions(-) diff --git a/assets/css/app.css b/assets/css/app.css index 36fd3c7..ca93e32 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -3,6 +3,18 @@ @import "tailwindcss/components"; @import "tailwindcss/utilities"; + +* { + font-family: 'JetBrains Mono', monospace; + background-color: #1a1a1a; + color: white; +} + +a:hover { + @apply text-amber; +} + + @import "./phoenix.css"; /* Alerts and form errors */ diff --git a/assets/css/phoenix.css b/assets/css/phoenix.css index 3767b31..d993ee8 100644 --- a/assets/css/phoenix.css +++ b/assets/css/phoenix.css @@ -5,97 +5,3 @@ /* Milligram v1.3.0 https://milligram.github.io * Copyright (c) 2017 CJ Patoilo Licensed under the MIT license */ - -*,*:after,*:before{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}body{color:#000000;font-family:'Helvetica', 'Arial', sans-serif;font-size:1.6em;font-weight:300;line-height:1.6}blockquote{border-left:0.3rem solid #d1d1d1;margin-left:0;margin-right:0;padding:1rem 1.5rem}blockquote *:last-child{margin-bottom:0}.button,button,input[type='button'],input[type='reset'],input[type='submit']{background-color:#0069d9;border:0.1rem solid #0069d9;border-radius:.4rem;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;height:3.8rem;letter-spacing:.1rem;line-height:3.8rem;padding:0 3.0rem;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type='button']:focus,input[type='button']:hover,input[type='reset']:focus,input[type='reset']:hover,input[type='submit']:focus,input[type='submit']:hover{background-color:#606c76;border-color:#606c76;color:#fff;outline:0}.button[disabled],button[disabled],input[type='button'][disabled],input[type='reset'][disabled],input[type='submit'][disabled]{cursor:default;opacity:.5}.button[disabled]:focus,.button[disabled]:hover,button[disabled]:focus,button[disabled]:hover,input[type='button'][disabled]:focus,input[type='button'][disabled]:hover,input[type='reset'][disabled]:focus,input[type='reset'][disabled]:hover,input[type='submit'][disabled]:focus,input[type='submit'][disabled]:hover{background-color:#0069d9;border-color:#0069d9}.button.button-outline,button.button-outline,input[type='button'].button-outline,input[type='reset'].button-outline,input[type='submit'].button-outline{background-color:transparent;color:#0069d9}.button.button-outline:focus,.button.button-outline:hover,button.button-outline:focus,button.button-outline:hover,input[type='button'].button-outline:focus,input[type='button'].button-outline:hover,input[type='reset'].button-outline:focus,input[type='reset'].button-outline:hover,input[type='submit'].button-outline:focus,input[type='submit'].button-outline:hover{background-color:transparent;border-color:#606c76;color:#606c76}.button.button-outline[disabled]:focus,.button.button-outline[disabled]:hover,button.button-outline[disabled]:focus,button.button-outline[disabled]:hover,input[type='button'].button-outline[disabled]:focus,input[type='button'].button-outline[disabled]:hover,input[type='reset'].button-outline[disabled]:focus,input[type='reset'].button-outline[disabled]:hover,input[type='submit'].button-outline[disabled]:focus,input[type='submit'].button-outline[disabled]:hover{border-color:inherit;color:#0069d9}.button.button-clear,button.button-clear,input[type='button'].button-clear,input[type='reset'].button-clear,input[type='submit'].button-clear{background-color:transparent;border-color:transparent;color:#0069d9}.button.button-clear:focus,.button.button-clear:hover,button.button-clear:focus,button.button-clear:hover,input[type='button'].button-clear:focus,input[type='button'].button-clear:hover,input[type='reset'].button-clear:focus,input[type='reset'].button-clear:hover,input[type='submit'].button-clear:focus,input[type='submit'].button-clear:hover{background-color:transparent;border-color:transparent;color:#606c76}.button.button-clear[disabled]:focus,.button.button-clear[disabled]:hover,button.button-clear[disabled]:focus,button.button-clear[disabled]:hover,input[type='button'].button-clear[disabled]:focus,input[type='button'].button-clear[disabled]:hover,input[type='reset'].button-clear[disabled]:focus,input[type='reset'].button-clear[disabled]:hover,input[type='submit'].button-clear[disabled]:focus,input[type='submit'].button-clear[disabled]:hover{color:#0069d9}code{background:#f4f5f6;border-radius:.4rem;font-size:86%;margin:0 .2rem;padding:.2rem .5rem;white-space:nowrap}pre{background:#f4f5f6;border-left:0.3rem solid #0069d9;overflow-y:hidden}pre>code{border-radius:0;display:block;padding:1rem 1.5rem;white-space:pre}hr{border:0;border-top:0.1rem solid #f4f5f6;margin:3.0rem 0}input[type='email'],input[type='number'],input[type='password'],input[type='search'],input[type='tel'],input[type='text'],input[type='url'],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0.1rem solid #d1d1d1;border-radius:.4rem;box-shadow:none;box-sizing:inherit;height:3.8rem;padding:.6rem 1.0rem;width:100%}input[type='email']:focus,input[type='number']:focus,input[type='password']:focus,input[type='search']:focus,input[type='tel']:focus,input[type='text']:focus,input[type='url']:focus,textarea:focus,select:focus{border-color:#0069d9;outline:0}select{background:url('data:image/svg+xml;utf8,') center right no-repeat;padding-right:3.0rem}select:focus{background-image:url('data:image/svg+xml;utf8,')}textarea{min-height:6.5rem}label,legend{display:block;font-size:1.6rem;font-weight:700;margin-bottom:.5rem}fieldset{border-width:0;padding:0}input[type='checkbox'],input[type='radio']{display:inline}.label-inline{display:inline-block;font-weight:normal;margin-left:.5rem}.row{display:flex;flex-direction:column;padding:0;width:100%}.row.row-no-padding{padding:0}.row.row-no-padding>.column{padding:0}.row.row-wrap{flex-wrap:wrap}.row.row-top{align-items:flex-start}.row.row-bottom{align-items:flex-end}.row.row-center{align-items:center}.row.row-stretch{align-items:stretch}.row.row-baseline{align-items:baseline}.row .column{display:block;flex:1 1 auto;margin-left:0;max-width:100%;width:100%}.row .column.column-offset-10{margin-left:10%}.row .column.column-offset-20{margin-left:20%}.row .column.column-offset-25{margin-left:25%}.row .column.column-offset-33,.row .column.column-offset-34{margin-left:33.3333%}.row .column.column-offset-50{margin-left:50%}.row .column.column-offset-66,.row .column.column-offset-67{margin-left:66.6666%}.row .column.column-offset-75{margin-left:75%}.row .column.column-offset-80{margin-left:80%}.row .column.column-offset-90{margin-left:90%}.row .column.column-10{flex:0 0 10%;max-width:10%}.row .column.column-20{flex:0 0 20%;max-width:20%}.row .column.column-25{flex:0 0 25%;max-width:25%}.row .column.column-33,.row .column.column-34{flex:0 0 33.3333%;max-width:33.3333%}.row .column.column-40{flex:0 0 40%;max-width:40%}.row .column.column-50{flex:0 0 50%;max-width:50%}.row .column.column-60{flex:0 0 60%;max-width:60%}.row .column.column-66,.row .column.column-67{flex:0 0 66.6666%;max-width:66.6666%}.row .column.column-75{flex:0 0 75%;max-width:75%}.row .column.column-80{flex:0 0 80%;max-width:80%}.row .column.column-90{flex:0 0 90%;max-width:90%}.row .column .column-top{align-self:flex-start}.row .column .column-bottom{align-self:flex-end}.row .column .column-center{-ms-grid-row-align:center;align-self:center}@media (min-width: 40rem){.row{flex-direction:row;margin-left:-1.0rem;width:calc(100% + 2.0rem)}.row .column{margin-bottom:inherit;padding:0 1.0rem}}a{color:#0069d9;text-decoration:none}a:focus,a:hover{color:#606c76}dl,ol,ul{list-style:none;margin-top:0;padding-left:0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{font-size:90%;margin:1.5rem 0 1.5rem 3.0rem}ol{list-style:decimal inside}ul{list-style:circle inside}.button,button,dd,dt,li{margin-bottom:1.0rem}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}table{border-spacing:0;width:100%}td,th{border-bottom:0.1rem solid #e1e1e1;padding:1.2rem 1.5rem;text-align:left}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}b,strong{font-weight:bold}p{margin-top:0}h1,h2,h3,h4,h5,h6{font-weight:300;letter-spacing:-.1rem;margin-bottom:2.0rem;margin-top:0}h1{font-size:4.6rem;line-height:1.2}h2{font-size:3.6rem;line-height:1.25}h3{font-size:2.8rem;line-height:1.3}h4{font-size:2.2rem;letter-spacing:-.08rem;line-height:1.35}h5{font-size:1.8rem;letter-spacing:-.05rem;line-height:1.5}h6{font-size:1.6rem;letter-spacing:0;line-height:1.4}img{max-width:100%}.clearfix:after{clear:both;content:' ';display:table}.float-left{float:left}.float-right{float:right} - -/* General style */ -h1{font-size: 3.6rem; line-height: 1.25} -h2{font-size: 2.8rem; line-height: 1.3} -h3{font-size: 2.2rem; letter-spacing: -.08rem; line-height: 1.35} -h4{font-size: 1.8rem; letter-spacing: -.05rem; line-height: 1.5} -h5{font-size: 1.6rem; letter-spacing: 0; line-height: 1.4} -h6{font-size: 1.4rem; letter-spacing: 0; line-height: 1.2} -pre{padding: 1em;} - -.container{ - margin: 0 auto; - max-width: 80.0rem; - padding: 0 2.0rem; - position: relative; - width: 100% -} -select { - width: auto; -} - -/* Phoenix promo and logo */ -.phx-hero { - text-align: center; - border-bottom: 1px solid #e3e3e3; - background: #eee; - border-radius: 6px; - padding: 3em 3em 1em; - margin-bottom: 3rem; - font-weight: 200; - font-size: 120%; -} -.phx-hero input { - background: #ffffff; -} -.phx-logo { - min-width: 300px; - margin: 1rem; - display: block; -} -.phx-logo img { - width: auto; - display: block; -} - -/* Headers */ -header { - width: 100%; - background: #fdfdfd; - border-bottom: 1px solid #eaeaea; - margin-bottom: 2rem; -} -header section { - align-items: center; - display: flex; - flex-direction: column; - justify-content: space-between; -} -header section :first-child { - order: 2; -} -header section :last-child { - order: 1; -} -header nav ul, -header nav li { - margin: 0; - padding: 0; - display: block; - text-align: right; - white-space: nowrap; -} -header nav ul { - margin: 1rem; - margin-top: 0; -} -header nav a { - display: block; -} - -@media (min-width: 40.0rem) { /* Small devices (landscape phones, 576px and up) */ - header section { - flex-direction: row; - } - header nav ul { - margin: 1rem; - } - .phx-logo { - flex-basis: 527px; - margin: 2rem 1rem; - } -} diff --git a/assets/static/favicon.ico b/assets/static/favicon.ico index 73de524aaadcf60fbe9d32881db0aa86b58b5cb9..c3cea4910b73475a2c69053be629c817589ebd3f 100644 GIT binary patch literal 270398 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 diff --git a/assets/tailwind.config.js b/assets/tailwind.config.js index 62dfdaf..5b0b724 100644 --- a/assets/tailwind.config.js +++ b/assets/tailwind.config.js @@ -1,11 +1,20 @@ module.exports = { - purge: [], + purge: [ + "../lib/**/*.ex", + "../lib/**/*.leex", + "../lib/**/*.eex", + "./js/**/*.js", + ], darkMode: false, // or 'media' or 'class' theme: { - extend: {}, + extend: { + colors: { + amber: '#ff9800', + }, + }, }, variants: { extend: {}, }, plugins: [], -} +}; diff --git a/lib/ketbin_web/templates/layout/app.html.eex b/lib/ketbin_web/templates/layout/app.html.eex index d5b1b11..80d008b 100644 --- a/lib/ketbin_web/templates/layout/app.html.eex +++ b/lib/ketbin_web/templates/layout/app.html.eex @@ -4,28 +4,34 @@ - Ketbin ยท Phoenix Framework + Katbin "/> + + + -
-
- - -
+
+ + + <Katbin/> + + + + +
-
+
<%= @inner_content %> diff --git a/lib/ketbin_web/templates/page/index.html.eex b/lib/ketbin_web/templates/page/index.html.eex index dd0a7f8..831b6dc 100644 --- a/lib/ketbin_web/templates/page/index.html.eex +++ b/lib/ketbin_web/templates/page/index.html.eex @@ -1,38 +1,3 @@ -
-

<%= gettext "Welcome to %{name}!", name: "Phoenix" %>

-

Peace of mind from prototype to production

-
- -
- - -
+
+ hello, world! +