- - -
- - - - - - - - - - - - {{ title }} app is running! - - - - - -
- - -

Resources

-

Here are some links to help you get started:

- -
- - - - Learn Angular - - - - - - - CLI Documentation - - - - - - - - Angular Blog - - - - -
- - -

Next Steps

-

What do you want to do next with your app?

- - - -
-
- - - New Component +
+
+
+ + +
+

Click to scan

- -
- - - Angular Material +

Alpha

+ - -
- - - Add PWA Support +
+ +

New

- -
- - - Add Dependency +
+ +

Settings

- -
- - - Run and Watch Tests -
- -
- - - Build for Production -
-
- - -
- 
ng generate component xyz
- 
ng add @angular/material
- 
ng add @angular/pwa
- 
ng add _____
- 
ng test
- 
ng build --prod
-
- - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - -
- - - - - - - - - - - - \ No newline at end of file +
\ No newline at end of file diff --git a/src/app/app.component.scss b/src/app/app.component.scss index e69de29..5152ac1 100644 --- a/src/app/app.component.scss +++ b/src/app/app.component.scss @@ -0,0 +1,147 @@ +@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Righteous&family=Roboto&display=swap'); +//* Pictures *\\ +.bg{ + position: absolute; + left: 0; + top: 0; + z-index: -1; + +} +.logo{ + position: absolute; + width: 284px; + height: 284px; + left: 267px; + top: -30px; +} +.donate-img{ + position: absolute; + left: 38%; + right: 57%; + top: 56.17%; + bottom: 37.5%; +} +.new-img{ + position: absolute; + left: 48.25%; + right: 46.12%; + top: 55.17%; + bottom: 37.5%; +} +.settings-img{ + position: absolute; + width: 43.85px; + height: 43.85px; + left: 476px; + top: 337px; +} +//*Divs colors*\\ +.red{ + position: absolute; + width: 322.63px; + height: 848.08px; + padding-top: 300px; + + background: #FF2A2A; + transform: rotate(110.24deg); +} +.black{ + position: absolute; + width: 444.58px; + height: 839.77px; + padding-top: 800px; + + background: #1C1C1C; + transform: rotate(-114.86deg); +} + +//* Texte *\\ +.alpha{ + position: absolute; + padding-top: 520px; + padding-left: 700px; + + font-family: 'Righteous', cursive; + font-style: normal; + font-weight: normal; + font-size: 24px; + line-height: 30px; + letter-spacing: 0.13em; + + color: white; +} +.scan{ + position: absolute; + bottom: -11px; + left: 42px; + + font-family: 'Roboto', sans-serif; + font-style: normal; + font-weight: normal; + font-size: 24px; + line-height: 28px; + + color: white; +} +.donate-text{ + position: absolute; + width: 45px; + height: 16px; + left: 304px; + top: 370px; + + font-family: 'Roboto', sans-serif; + font-style: normal; + font-weight: normal; + font-size: 16px; + line-height: 16px; + + color: #1C1C1C; +} + +.new-text{ + position: absolute; + width: 28px; + height: 16px; + left: 393px; + top: 370px; + + font-family: 'Roboto', sans-serif; + font-style: normal; + font-weight: normal; + font-size: 16px; + line-height: 16px; + + color: #1C1C1C; +} +.settings-text{ + position: absolute; + width: 52px; + height: 16px; + left: 468px; + top: 370px; + + font-family: 'Roboto', sans-serif; + font-style: normal; + font-weight: normal; + font-size: 16px; + line-height: 16px; +} +//* Buttons *\\ + +.button1{ + position: absolute; + left: 37.25%; + right: 35%; + top: 40.5%; + bottom: 50.83%; + + background: #1C1C1C; + mix-blend-mode: normal; + border-radius: 4px; +} + + + + diff --git a/src/assets/add.png b/src/assets/add.png new file mode 100644 index 0000000..43f9d9d Binary files /dev/null and b/src/assets/add.png differ diff --git a/src/assets/donate.png b/src/assets/donate.png new file mode 100644 index 0000000..a6b8000 Binary files /dev/null and b/src/assets/donate.png differ diff --git a/src/assets/logo_text.png b/src/assets/logo_text.png new file mode 100644 index 0000000..e3f719c Binary files /dev/null and b/src/assets/logo_text.png differ diff --git a/src/assets/logo_text_new.png b/src/assets/logo_text_new.png new file mode 100644 index 0000000..e9fdbcd Binary files /dev/null and b/src/assets/logo_text_new.png differ diff --git a/src/assets/op-desktop-bg-new.png b/src/assets/op-desktop-bg-new.png new file mode 100644 index 0000000..1daf1cb Binary files /dev/null and b/src/assets/op-desktop-bg-new.png differ diff --git a/src/assets/op-desktop-bg.png b/src/assets/op-desktop-bg.png new file mode 100644 index 0000000..594c25c Binary files /dev/null and b/src/assets/op-desktop-bg.png differ diff --git a/src/assets/settings.png b/src/assets/settings.png new file mode 100644 index 0000000..e50a599 Binary files /dev/null and b/src/assets/settings.png differ diff --git a/src/index.html b/src/index.html index 1548d13..5441993 100644 --- a/src/index.html +++ b/src/index.html @@ -2,8 +2,8 @@ - OffpassElectron - + Paperpass + diff --git a/src/styles.scss b/src/styles.scss index 90d4ee0..3feb7b5 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -1 +1,3 @@ -/* You can add global styles to this file, and also import other style files */ +body{ +overflow: hidden; +} \ No newline at end of file