wieerwill/HackerNewsFullstack
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial commit

Browse Source
This commit is contained in:
WieErWill
2022-04-01 17:03:49 +02:00
parent d5eb740da9
commit b8085ee62b
35 changed files with 2086 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
templates/static/AboutView.2868233e.js Normal file
View File

@@ -0,0 +1 @@
import{_ as e,o as t,c as _,a as o}from"./index.9cf12eac.js";const s={},a={class:"about"},c=o("h1",null,"This is an about page",-1),n=[c];function r(i,u){return t(),_("div",a,n)}var l=e(s,[["render",r]]);export{l as default};

1
templates/static/AboutView.ab071ea6.css Normal file
View File

@@ -0,0 +1 @@
@media (min-width: 1024px){.about{min-height:100vh;display:flex;align-items:center}}

1
templates/static/ItemView.0860556b.css Normal file
View File

@@ -0,0 +1 @@
.card[data-v-2750d908]{margin:15px 5px;padding:10px;box-shadow:0 4px 8px #0003;border:1px solid rgb(41,41,41);transition:.3s;border-radius:5px}.card[data-v-2750d908]:hover{box-shadow:0 8px 16px #0003;border:1px solid rgb(109,109,109)}

1
templates/static/ItemView.b93ae7d5.js Normal file
View File

@@ -0,0 +1 @@
import{_ as l,r as d,o as i,c as r,a as u,w as m,t as o,b as a,d as t,e as p,f as h,p as c,g as _}from"./index.1f1b2f0d.js";const g=s=>(c("data-v-2750d908"),s=s(),_(),s),f=g(()=>t("button",null,"back",-1)),v={key:0,class:"loading"},y={key:1,class:"error"},k={key:2,class:"content"},I=p(" Link: "),b=["href"],S=["innerHTML"],w={data(){return{loading:!1,error:null,item:null}},created(){this.$watch(()=>this.$route.params,()=>{this.getItem()},{immediate:!0})},methods:{getItem(){this.error=this.item=null,this.loading=!0,h.get(`http://localhost:5000/item/${Number(this.$route.params.id)}`).then(s=>{this.loading=!1,this.item=JSON.parse(s.data.item)}).catch(s=>{this.loading=!1,this.error=s.toString()})}}},L=Object.assign(w,{props:{id:{type:String,required:!0}},setup(s){return(e,N)=>{const n=d("RouterLink");return i(),r("div",null,[u(n,{to:"/"},{default:m(()=>[f]),_:1}),e.loading?(i(),r("div",v," Loading Item "+o(this.$route.params.id)+"... ",1)):a("",!0),e.error?(i(),r("div",y,o(e.error),1)):a("",!0),e.item?(i(),r("div",k,[t("h2",null,o(e.item.title),1),t("p",null,"by: "+o(e.item.by),1),t("p",null,"time: "+o(e.item.time),1),t("p",null,"score: "+o(e.item.score),1),t("p",null,"type: "+o(e.item.type),1),t("p",null,[I,t("a",{href:e.item.url},o(e.item.url),9,b)]),t("p",{innerHTML:e.item.text},null,8,S)])):a("",!0)])}}});var $=l(L,[["__scopeId","data-v-2750d908"]]);export{$ as default};

1
templates/static/PingView.3d2f7997.css Normal file
View File

@@ -0,0 +1 @@
.message[data-v-00a5a1ee]{text-align:center}

1
templates/static/PingView.f7a62302.js Normal file
View File

@@ -0,0 +1 @@
import{_ as c,f as l,o as t,c as o,b as r,t as i,d as n,p as _,g as d}from"./index.1f1b2f0d.js";const p={name:"Ping",data(){return{msg:null,loading:null,error:null}},methods:{getMessage(){this.error=this.item=null,this.loading=!0,l.get("http://localhost:5000/ping").then(e=>{this.loading=!1,this.msg=e.data}).catch(e=>{this.loading=!1,this.error=e.toString()})}},created(){this.getMessage()}},a=e=>(_("data-v-00a5a1ee"),e=e(),d(),e),g={class:"container"},h=a(()=>n("h2",null,"Ping-Pong Test",-1)),u=a(()=>n("p",null," This pages only purpose is showing a response from the server. ",-1)),m={key:0,class:"loading"},v={key:1,class:"error"},f={key:2,class:"message"},y=a(()=>n("p",null,"The servers responded ",-1)),b={type:"button",class:"btn btn-primary"};function k(e,x,P,S,s,w){return t(),o("div",g,[h,u,s.loading?(t(),o("div",m,"Loading...")):r("",!0),s.error?(t(),o("div",v,i(s.error),1)):r("",!0),s.msg?(t(),o("div",f,[y,n("button",b,i(s.msg),1)])):r("",!0)])}var V=c(p,[["render",k],["__scopeId","data-v-00a5a1ee"]]);export{V as default};

1
templates/static/index.038ca730.css Normal file
View File

@@ -0,0 +1 @@
h1[data-v-9949253a]{font-weight:500;font-size:2.6rem;top:-10px}h3[data-v-9949253a]{font-size:1.2rem}.greetings h1[data-v-9949253a],.greetings h3[data-v-9949253a]{text-align:center}@media (min-width: 1024px){.greetings h1[data-v-9949253a],.greetings h3[data-v-9949253a]{text-align:left}}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}header{line-height:1.5;max-height:100vh}.logo{display:block;margin:0 auto 2rem}a,.green{text-decoration:none;color:#00bd7e;transition:.4s}@media (hover: hover){a:hover{background-color:#00bd7e33}}nav{width:100%;font-size:12px;text-align:center;margin-top:2rem}nav a.router-link-exact-active{color:var(--color-text)}nav a.router-link-exact-active:hover{background-color:transparent}nav a{display:inline-block;padding:0 1rem;border-left:1px solid var(--color-border)}nav a:first-of-type{border:0}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}header{display:flex;place-items:center;padding-right:calc(var(--section-gap) / 2)}header .wrapper{display:flex;place-items:flex-start;flex-wrap:wrap}.logo{margin:0 2rem 0 0}nav{text-align:left;margin-left:-1rem;font-size:1rem;padding:1rem 0;margin-top:1rem}}.item[data-v-977bb0b6]{margin-top:2rem;display:flex}.details[data-v-977bb0b6]{flex:1;margin-left:1rem}i[data-v-977bb0b6]{display:flex;place-items:center;place-content:center;width:32px;height:32px;color:var(--color-text)}h3[data-v-977bb0b6]{font-size:1.2rem;font-weight:500;margin-bottom:.4rem;color:var(--color-heading)}@media (min-width: 1024px){.item[data-v-977bb0b6]{margin-top:0;padding:.4rem 0 1rem calc(var(--section-gap) / 2)}i[data-v-977bb0b6]{top:calc(50% - 25px);left:-26px;position:absolute;border:1px solid var(--color-border);background:var(--color-background);border-radius:8px;width:50px;height:50px}.item[data-v-977bb0b6]:before{content:" ";border-left:1px solid var(--color-border);position:absolute;left:0;bottom:calc(50% + 25px);height:calc(50% - 25px)}.item[data-v-977bb0b6]:after{content:" ";border-left:1px solid var(--color-border);position:absolute;left:0;top:calc(50% + 25px);height:calc(50% - 25px)}.item[data-v-977bb0b6]:first-of-type:before{display:none}.item[data-v-977bb0b6]:last-of-type:after{display:none}}

6
templates/static/index.1f1b2f0d.js Normal file
View File

File diff suppressed because one or more lines are too long

1
templates/static/index.5ececa9d.css Normal file
View File

@@ -0,0 +1 @@
h1[data-v-3bc1e008]{font-weight:500;font-size:2.6rem;top:-10px}h3[data-v-3bc1e008]{font-size:1.2rem}.greetings h1[data-v-3bc1e008],.greetings h3[data-v-3bc1e008]{text-align:center}@media (min-width: 1024px){.greetings h1[data-v-3bc1e008],.greetings h3[data-v-3bc1e008]{text-align:left}}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}header{line-height:1.5;max-height:100vh}a,.green{text-decoration:none;color:#00bd7e;transition:.4s}h1{font-weight:500;font-size:2.6rem;top:-10px}h3{font-size:1.2rem}.greetings h1,.greetings h3{text-align:center}.headerseperator{display:block;margin:15px}@media (min-width: 1024px){.greetings h1,.greetings h3{text-align:left}.headerseperator{display:none}}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}header{display:flex;place-items:center;padding-right:calc(var(--section-gap) / 2)}header .wrapper{display:flex;place-items:flex-start;flex-wrap:wrap}}.card[data-v-773f36a2]{margin:15px 5px;padding:10px;box-shadow:0 4px 8px #0003;border:1px solid rgb(41,41,41);transition:.3s;border-radius:5px}.card[data-v-773f36a2]:hover{box-shadow:0 8px 16px #0003;border:1px solid rgb(109,109,109)}.story[data-v-773f36a2]{border:1px solid rgb(95,0,0)}.story[data-v-773f36a2]:hover{border:1px solid rgb(201,0,0)}.comment[data-v-773f36a2]{border:1px solid rgb(0,106,106)}.comment[data-v-773f36a2]:hover{border:1px solid rgb(0,189,189)}.job[data-v-773f36a2]{border:1px solid rgb(106,0,106)}.job[data-v-773f36a2]:hover{border:1px solid rgb(211,0,211)}.poll[data-v-773f36a2]{border:1px solid rgb(106,106,0)}.poll[data-v-773f36a2]:hover{border:1px solid rgb(216,216,0)}form[data-v-0771414d]{width:100%;margin:10px;padding:5px}form select[data-v-0771414d]{width:40%}form input[data-v-0771414d]{width:30%}form button[data-v-0771414d]{width:20%}hr[data-v-0771414d]{margin:15px 0}

5
templates/static/index.9cf12eac.js Normal file
View File

File diff suppressed because one or more lines are too long

1
templates/static/logo.da9b9095.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69" xmlns:v="https://vecta.io/nano"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 308 B