From: Salamandra Devs <120526408+SalamandraDevs@users.noreply.github.com> Date: Tue, 25 Apr 2023 22:43:38 +0000 (-0500) Subject: Merge pull request #27 from VladImpaler64/seccion_juegos X-Git-Url: https://git.josue.xyz/?a=commitdiff_plain;h=6df7480f8ea5b6e4df258a16df43bcc5f2406cc2;hp=aeaa2fc3a650910d5a873397921121daf774ce99;p=salamandradevs.site%2F.git Merge pull request #27 from VladImpaler64/seccion_juegos Seccion juegos --- diff --git a/content/games/_index.md b/content/games/_index.md new file mode 100644 index 0000000..133ad46 --- /dev/null +++ b/content/games/_index.md @@ -0,0 +1,3 @@ +--- +title: Juegos +--- diff --git a/content/games/snake.md b/content/games/snake.md new file mode 100644 index 0000000..68a257b --- /dev/null +++ b/content/games/snake.md @@ -0,0 +1,6 @@ +--- +title: SNAKE GAME +description: Juego de la viborita con disparos, hecho por @VladImpaler64 +image: /images/games/pato.svg +iframe: /games/snake/juego.html +--- \ No newline at end of file diff --git a/static/games/snake/Explosion 69 (2).wav b/static/games/snake/Explosion 69 (2).wav new file mode 100644 index 0000000..2ec91aa Binary files /dev/null and b/static/games/snake/Explosion 69 (2).wav differ diff --git a/static/games/snake/Hit_hurt 176 (1).wav b/static/games/snake/Hit_hurt 176 (1).wav new file mode 100644 index 0000000..256b2a5 Binary files /dev/null and b/static/games/snake/Hit_hurt 176 (1).wav differ diff --git a/static/games/snake/Hit_hurt 192 (2).wav b/static/games/snake/Hit_hurt 192 (2).wav new file mode 100644 index 0000000..93cdc52 Binary files /dev/null and b/static/games/snake/Hit_hurt 192 (2).wav differ diff --git a/static/games/snake/Mouse.png b/static/games/snake/Mouse.png new file mode 100644 index 0000000..93154a3 Binary files /dev/null and b/static/games/snake/Mouse.png differ diff --git a/static/games/snake/Pickup_coin 10.wav b/static/games/snake/Pickup_coin 10.wav new file mode 100644 index 0000000..560e15a Binary files /dev/null and b/static/games/snake/Pickup_coin 10.wav differ diff --git a/static/games/snake/Skull.png b/static/games/snake/Skull.png new file mode 100644 index 0000000..f2f8751 Binary files /dev/null and b/static/games/snake/Skull.png differ diff --git a/static/games/snake/Slime.png b/static/games/snake/Slime.png new file mode 100644 index 0000000..df633b1 Binary files /dev/null and b/static/games/snake/Slime.png differ diff --git a/static/games/snake/Snake2.png b/static/games/snake/Snake2.png new file mode 100644 index 0000000..f279c4a Binary files /dev/null and b/static/games/snake/Snake2.png differ diff --git a/static/games/snake/disparo.png b/static/games/snake/disparo.png new file mode 100644 index 0000000..9959228 Binary files /dev/null and b/static/games/snake/disparo.png differ diff --git a/static/games/snake/foreground.png b/static/games/snake/foreground.png new file mode 100644 index 0000000..ee98e73 Binary files /dev/null and b/static/games/snake/foreground.png differ diff --git a/static/games/snake/gema.png b/static/games/snake/gema.png new file mode 100644 index 0000000..a997005 Binary files /dev/null and b/static/games/snake/gema.png differ diff --git a/static/games/snake/gema2.png b/static/games/snake/gema2.png new file mode 100644 index 0000000..010a777 Binary files /dev/null and b/static/games/snake/gema2.png differ diff --git a/static/games/snake/gema3.png b/static/games/snake/gema3.png new file mode 100644 index 0000000..7870490 Binary files /dev/null and b/static/games/snake/gema3.png differ diff --git a/static/games/snake/gema4.png b/static/games/snake/gema4.png new file mode 100644 index 0000000..ee6d566 Binary files /dev/null and b/static/games/snake/gema4.png differ diff --git a/static/games/snake/juego.html b/static/games/snake/juego.html new file mode 100644 index 0000000..f334858 --- /dev/null +++ b/static/games/snake/juego.html @@ -0,0 +1,1231 @@ + + + + + + + Snake + + + + + + + + + + +
+
+
+
+
+ +
+ +
+
+
+ +
+ + + + + + + \ No newline at end of file diff --git a/static/games/snake/lifebar.png b/static/games/snake/lifebar.png new file mode 100644 index 0000000..e0e3080 Binary files /dev/null and b/static/games/snake/lifebar.png differ diff --git a/static/games/snake/map2.png b/static/games/snake/map2.png new file mode 100644 index 0000000..3fe8628 Binary files /dev/null and b/static/games/snake/map2.png differ diff --git a/static/images/games/pato.svg b/static/images/games/pato.svg new file mode 100644 index 0000000..bf2a5da --- /dev/null +++ b/static/images/games/pato.svg @@ -0,0 +1,332 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/themes/droda/assets/css/main.css b/themes/droda/assets/css/main.css index 2998fa7..f11ec18 100644 --- a/themes/droda/assets/css/main.css +++ b/themes/droda/assets/css/main.css @@ -19,8 +19,8 @@ :root { --bgColorDark: #0e0e0e; - --bgColorMidDark: #353b43; - --bgColorLightDark: #4f5864; + --bgColorMidDark: #292e35; + --bgColorLightDark: #373d46; --bgColorLight: #D2D2D2; --bgColorBlue: #1b6694; --bgColorSalamandra: rgb(236, 162, 143); @@ -185,6 +185,7 @@ nav button { width: 4rem; height: 4rem; right: 0.4rem; + border-radius: 20px; background-image: url('../images/menu.png'); background-color: transparent; /* Cuando usamos background-image se pone el background-color en blanco por default por eso le indicamos que sea transparente para que se pueda ver la imagen. */ @@ -194,9 +195,11 @@ nav button { border: none; cursor: pointer; + user-select: none; +} - transition: background-image ease 0.2s; - +nav button:hover{ + background-color: var(--bgColorMidDark); } nav button[data-visible="true"] { @@ -212,6 +215,7 @@ main { background-position-x: right; background-position-y: bottom; background-repeat: no-repeat; + overflow-y: auto; } /* Regla que aplica solo a firefox */ @@ -227,39 +231,70 @@ main hr { width: 100%; } -.articles { +main div { display: flex; flex-flow: row wrap; - align-items: flex-start; + align-items: center; justify-content: space-between; + color: var(--bgColorLight); } -.articles article { - width: 30rem; - border: 1px solid; - border-radius: 0.5rem; - padding: 1rem; +main div > article { + display: inline-block; + width: calc(50% - 2rem); margin: 1rem; + border-radius: 0.5rem; + + max-height: 25rem; + min-height: 25rem; + min-width: 20rem; + + background-color: var(--bgColorLightDark); + box-shadow: 0 4px 1px 0.2px var(--bgColorDark); + + overflow-y: auto; +} + +main div > article img { + display: block; + margin: 1rem auto; + min-height: 12rem; + max-height: 12rem; +} + +main div > article span { + padding: 0 1rem; + word-break: normal; + overflow-wrap: break-word; + display: block; } -.content table { +main span table { padding-top: 2rem; margin: 0 auto; } -.content table img { +main span table img { width: 3rem; } -.content table td { +main span table td { padding: 0 0.3rem; } -.content .highlight code { +main span .highlight code { white-space: pre-wrap; overflow-x: auto; } +main iframe { + display: block; + margin: 0 auto; + width: 100%; + height: 100%; + max-width: 100vh; +} + footer { grid-area: footer; display: flex; @@ -275,7 +310,16 @@ footer { margin: 0 auto; } -@media screen and (min-width: 780px) { +@media screen and (max-width: 480px) { + body { + min-width: 25rem; + } + main div > article { + min-width: calc(100% - 2rem); + } +} + +@media screen and (min-width: 840px) { :root { --globalScale: 1.5; } @@ -299,6 +343,14 @@ footer { nav button, aside li a { display: none; } + + main div { + justify-content: space-evenly; + } + + main div > article { + max-width: 30rem; + } } @@ -306,5 +358,24 @@ footer { :root { --globalScale: 2; } + + main div > article img { + min-height: 5rem; + max-height: 5rem; + } + + + main div article { + width: calc(30% - 2rem); + + max-height: 15rem; + min-height: 15rem; + min-width: 10rem; + + } + + main div article p, a{ + font-size: 1rem; + } } diff --git a/themes/droda/assets/js/main.js b/themes/droda/assets/js/main.js index 37ebccc..d9ac03d 100644 --- a/themes/droda/assets/js/main.js +++ b/themes/droda/assets/js/main.js @@ -8,9 +8,9 @@ console.log("Gracias por visitar a " + title.innerHTML); hamButton.addEventListener("click", (e)=>{ if(e.target.attributes[0].nodeValue === 'true'){ e.target.attributes[0].nodeValue = false; - aside.setAttribute("style", "display: none"); + aside.setAttribute("style", "display: none;"); } else { e.target.attributes[0].nodeValue = true; - aside.setAttribute("style", "display: flex"); + aside.setAttribute("style", "display: flex;"); } }); diff --git a/themes/droda/layouts/_default/article.html b/themes/droda/layouts/_default/article.html index 970cf53..c39d399 100644 --- a/themes/droda/layouts/_default/article.html +++ b/themes/droda/layouts/_default/article.html @@ -1,5 +1,8 @@
-

{{ .Description }}

-
- {{ .Title }} + + + {{ .Title }} +
+

{{ .Description }}

+
diff --git a/themes/droda/layouts/_default/list.html b/themes/droda/layouts/_default/list.html index 8ef3831..aec3c21 100644 --- a/themes/droda/layouts/_default/list.html +++ b/themes/droda/layouts/_default/list.html @@ -1,6 +1,6 @@ {{ define "main" }}
-
+
{{ $paginator := .Paginate (where .Data.Pages "Section" .Section) }} {{ range $paginator.Pages }} {{ .Render "article" }} diff --git a/themes/droda/layouts/_default/single.html b/themes/droda/layouts/_default/single.html index 1f8fe01..09b8446 100644 --- a/themes/droda/layouts/_default/single.html +++ b/themes/droda/layouts/_default/single.html @@ -3,8 +3,8 @@

{{ .Title }}

-
+ {{ .Content }} -
+
{{ end }} diff --git a/themes/droda/layouts/about/single.html b/themes/droda/layouts/about/single.html index ff4ba40..3b38d09 100644 --- a/themes/droda/layouts/about/single.html +++ b/themes/droda/layouts/about/single.html @@ -2,8 +2,8 @@ {{ "" | safeHTML }}

{{ .Title }}

-
+ {{ .Content }} -
+
{{ end }} diff --git a/themes/droda/layouts/games/single.html b/themes/droda/layouts/games/single.html new file mode 100644 index 0000000..71c6f75 --- /dev/null +++ b/themes/droda/layouts/games/single.html @@ -0,0 +1,7 @@ +{{ define "main" }} +{{ "" | safeHTML }} +
+

{{ .Title }}

+ +
+{{ end }} \ No newline at end of file