From 4446f88f91b7a88021629f76c27954712a6f1e74 Mon Sep 17 00:00:00 2001 From: xdrm-brackets Date: Sun, 21 Aug 2022 12:10:31 +0200 Subject: [PATCH] feat: new B&W minified theme --- public/index.html | 2 +- src/assets/banner.border.svg | 6 + src/assets/wave.invert.1.svg | 117 +-------- src/assets/wave.invert.2.svg | 118 +-------- src/components/Banner.vue | 449 ++++++++++++++++------------------- src/model/banner.ts | 8 +- 6 files changed, 243 insertions(+), 457 deletions(-) create mode 100644 src/assets/banner.border.svg diff --git a/public/index.html b/public/index.html index 629b6d6..30c0ec1 100644 --- a/public/index.html +++ b/public/index.html @@ -6,7 +6,7 @@ - + xdrm() diff --git a/src/assets/banner.border.svg b/src/assets/banner.border.svg new file mode 100644 index 0000000..2a9e5e2 --- /dev/null +++ b/src/assets/banner.border.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/wave.invert.1.svg b/src/assets/wave.invert.1.svg index e6238f3..7ec91dc 100644 --- a/src/assets/wave.invert.1.svg +++ b/src/assets/wave.invert.1.svg @@ -1,106 +1,13 @@ - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - + + + + + + + + + + + + diff --git a/src/assets/wave.invert.2.svg b/src/assets/wave.invert.2.svg index 509652f..fd22ffe 100644 --- a/src/assets/wave.invert.2.svg +++ b/src/assets/wave.invert.2.svg @@ -1,107 +1,13 @@ - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - + + + + + + + + + + + + diff --git a/src/components/Banner.vue b/src/components/Banner.vue index 525f814..56c561c 100644 --- a/src/components/Banner.vue +++ b/src/components/Banner.vue @@ -4,125 +4,40 @@
-
-
-
+
-
- -
- -
- - {{ model.firstname | capitalize }} - - - {{ model.lastname.toUpperCase() }} - -
- -
- {{ model.phone }} - {{ model.email }} - {{ model.address }} -
- -
+
+

Hello, I'm

+

+ {{ model.firstname.toUpperCase() }} + {{ model.lastname.toUpperCase() }} +

+

{{ model.headline.toUpperCase() }}

-
+
+ + + + + + + + + + + +
@@ -130,13 +45,23 @@ diff --git a/src/model/banner.ts b/src/model/banner.ts index e7dd36a..08c11fb 100644 --- a/src/model/banner.ts +++ b/src/model/banner.ts @@ -1,8 +1,8 @@ export default { firstname: 'adrien', lastname: 'marquès', - headline: 'go | full-stack | IoT

Freelance developer', - phone: '(+33) 06 69 05 19 10', - email: 'xdrm.brackets.dev@gmail.com', - address: 'Montauban, 82000', + headline: 'freelance developer', + // phone: '(+33) 06 69 05 19 10', + // email: 'xdrm.brackets.dev@gmail.com', + // address: 'Montauban, 82000', };