From 01abda8785f6c5c8625f3d56561913ed98e28704 Mon Sep 17 00:00:00 2001 From: xdrm-brackets Date: Wed, 8 May 2019 13:01:20 +0200 Subject: [PATCH] feat: first layout/model for the banner --- public/index.html | 2 + public/styles.css | 28 ++++++ src/App.vue | 32 ++++--- src/components/Banner.vue | 193 ++++++++++++++++++++++++++++++++++++++ src/model/banner.ts | 8 ++ 5 files changed, 249 insertions(+), 14 deletions(-) create mode 100644 public/styles.css create mode 100644 src/components/Banner.vue create mode 100644 src/model/banner.ts diff --git a/public/index.html b/public/index.html index b50a5f0..f34b495 100644 --- a/public/index.html +++ b/public/index.html @@ -5,6 +5,8 @@ + + xdrm-brackets diff --git a/public/styles.css b/public/styles.css new file mode 100644 index 0000000..96bb465 --- /dev/null +++ b/public/styles.css @@ -0,0 +1,28 @@ +* { + padding: 0; + margin: 0; + box-sizing: border-box; +} + +*:before, *:after { + box-sizing: inherit; +} + +html, body{ + overflow: hidden; +} + +body { + display: block; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + + font-size: 16px; + font-family: 'Roboto', Arial, sans-serif; + font-weight: 300; + color: #444; + +} \ No newline at end of file diff --git a/src/App.vue b/src/App.vue index cc09747..1480448 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,28 +1,32 @@ diff --git a/src/components/Banner.vue b/src/components/Banner.vue new file mode 100644 index 0000000..f1a33d9 --- /dev/null +++ b/src/components/Banner.vue @@ -0,0 +1,193 @@ + + + + + + diff --git a/src/model/banner.ts b/src/model/banner.ts new file mode 100644 index 0000000..8c56616 --- /dev/null +++ b/src/model/banner.ts @@ -0,0 +1,8 @@ +export default { + firstname: 'adrien', + lastname: 'marques', + headline: 'full-stack developer', + phone: '(+33) 06 69 05 19 10', + email: 'xdrm.brackets.dev@gmail.com', + address: 'Eaunes, 31600', +};