feat: 3D backgrounds

DeveloperParana · Aug 15, 2024 · 49b052c · 49b052c
1 parent c4fc94b
commit 49b052c
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 8 deletions.
diff --git a/public/images/front-in-maringa-3d.png b/public/images/front-in-maringa-3d.png
diff --git a/public/images/nodejs-3d.png b/public/images/nodejs-3d.png
diff --git a/public/images/php-3d.png b/public/images/php-3d.png
diff --git a/public/images/rust-3d.png b/public/images/rust-3d.png
diff --git a/src/config.ts b/src/config.ts
@@ -121,8 +121,12 @@ const logos = [
 
 const backgrounds = [
   ['Github', 'images/github-wall.svg'],
-  ['Bermuda', 'images/bermuda-circle.svg'],
+  ['Aspiral', 'images/bermuda-circle.svg'],
   ['Colmeia', 'images/hive.svg'],
+  ['NodeJS 3D', 'images/nodejs-3d.png'],
+  ['PHP 3D', 'images/php-3d.png'],
+  ['Rust 3D', 'images/rust-3d.png'],
+  ['Front In', 'images/front-in-maringa-3d.png'],
 ]
 
 export const config: Config = {
@@ -191,7 +195,7 @@ export const formControl: FormControl = {
   time: new InputLabel('Horário', 'time', 'time'),
   location: new InputLabel('Local', 'text', 'location'),
   background: new FieldSet('Imagem de fundo'),
-  logo: new FieldSet('Grupo'),
+  logo: new FieldSet('Logo'),
   sponsor: {
     input: new Input('file', 'file', false),
     button: new Button('Adicionar patrocinador'),

diff --git a/src/style.scss b/src/style.scss
@@ -100,7 +100,8 @@ body {
 }
 
 canvas {
-  width: 1080px;
+  min-width: 1080px;
+  min-height: 1080px;
   border: 2px solid rgb(var(--cw-onsurface-rgb));
   border-radius: 0.8em;
   overflow: hidden;
@@ -121,11 +122,11 @@ canvas {
 }
 
 .transparent {
-  background-color: #e0e0e0;
-  background-image: linear-gradient(45deg, #ccc 25%, transparent 25%),
-    linear-gradient(135deg, #ccc 25%, transparent 25%),
-    linear-gradient(45deg, transparent 75%, #ccc 75%),
-    linear-gradient(135deg, transparent 75%, #ccc 75%);
+  background-color: #e0e0e050;
+  background-image: linear-gradient(45deg, #cccccc50 25%, transparent 25%),
+    linear-gradient(135deg, #cccccc50 25%, transparent 25%),
+    linear-gradient(45deg, transparent 75%, #cccccc50 75%),
+    linear-gradient(135deg, transparent 75%, #cccccc50 75%);
   /* Tamanho dos quadrados */
   background-size: 40px 40px;
   /* Posicionamento dos quadrados */