Eterdev https://eterdev.gitlab.io/en/ Recent content on Eterdev Hugo -- 0.152.2 en Antonio Javier, 2024 Tue, 03 Dec 2024 15:00:14 +0100 Tirotreca https://eterdev.gitlab.io/en/juegos/tirotreca/ Fri, 04 Oct 2024 18:10:47 +0200 https://eterdev.gitlab.io/en/juegos/tirotreca/ The beggining of my journey in programming and game development WIP 🚧 This page is still under construction 🚧 ]]> zm_pueblocorrupto https://eterdev.gitlab.io/en/juegos/zm_pueblocorrupto/ Tue, 08 Oct 2024 16:33:31 +0200 https://eterdev.gitlab.io/en/juegos/zm_pueblocorrupto/ En la periferia más lejana del Level Design WIP 🚧 This page is still under construction 🚧 ]]> Victor_jones https://eterdev.gitlab.io/en/juegos/victor-jones/ Tue, 03 Dec 2024 15:00:14 +0100 https://eterdev.gitlab.io/en/juegos/victor-jones/ Descripción aquí 📄 Descripción breve

🚧 WIP 🚧

🏃 Dónde jugarlo

👉 Puedes jugar directamente si pulsas aquí 👈
Por si te preguntas cómo he incluido los widgets de itchio, te lo cuento aquí

🌱 Cómo se hizo

🚧 WIP 🚧

📷 Fotos

🚧 WIP 🚧

aqui un gatito

🐈 Curiosidades

🚧 WIP 🚧

]]>
San_juan https://eterdev.gitlab.io/en/juegos/san_juan/ Sun, 01 Dec 2024 16:21:09 +0100 https://eterdev.gitlab.io/en/juegos/san_juan/ Descripción aquí 📄 Descripción breve

🚧 WIP 🚧

🏃 Dónde jugarlo

👉 Puedes jugar directamente si pulsas aquí 👈
Por si te preguntas cómo he incluido los widgets de itchio, te lo cuento aquí

🌱 Cómo se hizo

🚧 WIP 🚧

📷 Fotos

🚧 WIP 🚧

aqui un gatito

🐈 Curiosidades

🚧 WIP 🚧

]]>
How to include itch.io widgets in your Hugo page https://eterdev.gitlab.io/en/juegos/how-to-include-itchio-widgets-with-hugo/ Fri, 04 Oct 2024 18:10:47 +0200 https://eterdev.gitlab.io/en/juegos/how-to-include-itchio-widgets-with-hugo/ <p>The <a href="https://itch.io/widget">itchio <em>widgets</em></a> that appears in many of my games are included as HTML just like the following code which I&rsquo;ve obtained from the Widget tab of my game Exopodium:</p> <pre tabindex="0"><code>&lt;iframe frameborder=&#34;0&#34; src=&#34;https://itch.io/embed/2956733?border_width=0&#34; width=&#34;550&#34; height=&#34;165&#34;&gt;&lt;a href=&#34;https://eter-dev.itch.io/exopodium&#34;&gt;Exopodium by Etéreø&lt;/a&gt;&lt;/iframe&gt; </code></pre><p>Since this website uses <a href="https://gohugo.io/">Hugo</a>, you will need to include a <a href="https://gohugo.io/content-management/shortcodes/"><em>shortcode</em></a> in your page and use it like Markdown content. The steps to achieve this are the following:</p> <ol> <li>Create the file <code>layouts/shortcodes/shortcodeName.html</code> with the same folder hierarchy in the root of your Hugo project.</li> <li>Then, include this HTML code that takes all the parameters with <code>{{ .Get &quot;argument&quot; }}</code>:</li> </ol> <div class="highlight"><div style="color:#e6edf3;background-color:#0d1117;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"> <table style="border-spacing:0;padding:0;margin:0;border:0;"><tr><td style="vertical-align:top;padding:0;margin:0;border:0;"> <pre tabindex="0" style="color:#e6edf3;background-color:#0d1117;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#737679">1 </span><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#737679">2 </span><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#737679">3 </span><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#737679">4 </span><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#737679">5 </span><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#737679">6 </span><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#737679">7 </span></code></pre></td> <td style="vertical-align:top;padding:0;margin:0;border:0;;width:100%"> <pre tabindex="0" style="color:#e6edf3;background-color:#0d1117;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-go-html-template" data-lang="go-html-template"><span style="display:flex;"><span>&lt;<span style="color:#7ee787">iframe</span> </span></span><span style="display:flex;"><span> src<span style="color:#ff7b72;font-weight:bold">=</span><span style="color:#a5d6ff">&#34;</span><span style="color:#8b949e;font-weight:bold;font-style:italic">{{</span>.Get<span style="color:#6e7681"> </span><span style="color:#a5d6ff">&#34;source&#34;</span><span style="color:#8b949e;font-weight:bold;font-style:italic">}}</span><span style="color:#a5d6ff">?border_width=</span><span style="color:#8b949e;font-weight:bold;font-style:italic">{{</span>.Get<span style="color:#6e7681"> </span><span style="color:#a5d6ff">&#34;border_width&#34;</span><span style="color:#8b949e;font-weight:bold;font-style:italic">}}</span><span style="color:#a5d6ff">&#34;</span> </span></span><span style="display:flex;"><span> frameborder<span style="color:#ff7b72;font-weight:bold">=</span><span style="color:#a5d6ff">0</span> </span></span><span style="display:flex;"><span> width<span style="color:#ff7b72;font-weight:bold">=</span><span style="color:#a5d6ff">&#34;</span><span style="color:#8b949e;font-weight:bold;font-style:italic">{{</span>.Get<span style="color:#6e7681"> </span><span style="color:#a5d6ff">&#34;width&#34;</span><span style="color:#8b949e;font-weight:bold;font-style:italic">}}</span><span style="color:#a5d6ff">&#34;</span> </span></span><span style="display:flex;"><span> height<span style="color:#ff7b72;font-weight:bold">=</span><span style="color:#a5d6ff">&#34;</span><span style="color:#8b949e;font-weight:bold;font-style:italic">{{</span>.Get<span style="color:#6e7681"> </span><span style="color:#a5d6ff">&#34;height&#34;</span><span style="color:#8b949e;font-weight:bold;font-style:italic">}}</span><span style="color:#a5d6ff">&#34;</span>&gt; </span></span><span style="display:flex;"><span> &lt;<span style="color:#7ee787">a</span> href<span style="color:#ff7b72;font-weight:bold">=</span><span style="color:#a5d6ff">&#34;</span><span style="color:#8b949e;font-weight:bold;font-style:italic">{{</span>.Get<span style="color:#6e7681"> </span><span style="color:#a5d6ff">&#34;url&#34;</span><span style="color:#8b949e;font-weight:bold;font-style:italic">}}</span><span style="color:#a5d6ff">&#34;</span>&gt; &#34;<span style="color:#8b949e;font-weight:bold;font-style:italic">{{</span>.Get<span style="color:#6e7681"> </span><span style="color:#a5d6ff">&#34;game_name&#34;</span><span style="color:#6e7681"> </span><span style="color:#8b949e;font-weight:bold;font-style:italic">}}</span>&#34; &lt;/<span style="color:#7ee787">a</span>&gt; </span></span><span style="display:flex;"><span>&lt;/<span style="color:#7ee787">iframe</span>&gt;</span></span></code></pre></td></tr></table> </div> </div> <ol start="3"> <li>Finally, in your <code>post.md</code> you need to call the <code>shortcodeName</code> with the proper parameters. It should look like this:</li> </ol> <div class="highlight"><div style="color:#e6edf3;background-color:#0d1117;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"> <table style="border-spacing:0;padding:0;margin:0;border:0;"><tr><td style="vertical-align:top;padding:0;margin:0;border:0;"> <pre tabindex="0" style="color:#e6edf3;background-color:#0d1117;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#737679">1 </span><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#737679">2 </span><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#737679">3 </span><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#737679">4 </span><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#737679">5 </span><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#737679">6 </span><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#737679">7 </span><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#737679">8 </span></code></pre></td> <td style="vertical-align:top;padding:0;margin:0;border:0;;width:100%"> <pre tabindex="0" style="color:#e6edf3;background-color:#0d1117;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-md" data-lang="md"><span style="display:flex;"><span>{{ &lt; shortcodeName </span></span><span style="display:flex;"><span> source=&#34;https://itch.io/embed/2956733&#34; </span></span><span style="display:flex;"><span> border_width=4 </span></span><span style="display:flex;"><span> width=&#34;550&#34; </span></span><span style="display:flex;"><span> height=&#34;165&#34; </span></span><span style="display:flex;"><span> url=&#34;https://eter-dev.itch.io/exopodium&#34; </span></span><span style="display:flex;"><span> game_name=&#34;Exopodium by Etéreø&#34; </span></span><span style="display:flex;"><span>&gt; }}</span></span></code></pre></td></tr></table> </div> </div> <p>And that&rsquo;s it! Also, you can keep adding more parameters to customize your final banner with different colours, or like <em>Your page style</em>. That shortcode is the next one:</p> The itchio widgets that appears in many of my games are included as HTML just like the following code which I’ve obtained from the Widget tab of my game Exopodium:

<iframe frameborder="0" src="https://itch.io/embed/2956733?border_width=0" width="550" height="165"><a href="https://eter-dev.itch.io/exopodium">Exopodium by Etéreø</a></iframe>

Since this website uses Hugo, you will need to include a shortcode in your page and use it like Markdown content. The steps to achieve this are the following:

  1. Create the file layouts/shortcodes/shortcodeName.html with the same folder hierarchy in the root of your Hugo project.
  2. Then, include this HTML code that takes all the parameters with {{ .Get "argument" }}:
1
2
3
4
5
6
7
<iframe 
    src="{{.Get "source"}}?border_width={{.Get "border_width"}}" 
    frameborder=0 
    width="{{.Get "width"}}" 
    height="{{.Get "height"}}">
        <a href="{{.Get "url"}}">   "{{.Get "game_name" }}"   </a>
</iframe>
  1. Finally, in your post.md you need to call the shortcodeName with the proper parameters. It should look like this:
1
2
3
4
5
6
7
8
{{ < shortcodeName 
        source="https://itch.io/embed/2956733" 
        border_width=4 
        width="550" 
        height="165" 
        url="https://eter-dev.itch.io/exopodium" 
        game_name="Exopodium by Etéreø"
> }}

And that’s it! Also, you can keep adding more parameters to customize your final banner with different colours, or like Your page style. That shortcode is the next one:

1
2
3
4
5
6
7
<iframe 
    src="{{.Get "source"}}?border_width={{.Get "border_width"}}&amp;bg_color={{.Get "bg_color"}}&amp;fg_color={{.Get "fg_color"}}&amp;link_color={{.Get "link_color"}}&amp;border_color={{.Get "border_color"}}" 
    frameborder=0 
    width="{{.Get "width"}}" 
    height="{{.Get "height"}}" >
        <a href="{{.Get "url"}}">  "{{.Get "game_name" }}"  </a>
</iframe>

]]>
https://eterdev.gitlab.io/en/about/ Mon, 01 Jan 0001 00:00:00 +0000 https://eterdev.gitlab.io/en/about/ <h2 id="hello-">Hello 👋</h2> <p>I am Antonio Javier, a Computer engineer graduated from the University of Jaén specialized in software engineering. I mainly focus on videogame development, graphics systems and algorithms.</p> <h2 id="who-i-am">Who I am</h2> <p>In my spare time I read, play, watch films and series and learn more about music theory because I love playing the guitar &#x1f3b8;. I also have a piano &#x1f3b9;, which I don&rsquo;t usually play. There was a certain period that I played the drums, but this is a proper story for some posts, so I reserve this for another moment.</p> Hello 👋

I am Antonio Javier, a Computer engineer graduated from the University of Jaén specialized in software engineering. I mainly focus on videogame development, graphics systems and algorithms.

Who I am

In my spare time I read, play, watch films and series and learn more about music theory because I love playing the guitar 🎸. I also have a piano 🎹, which I don’t usually play. There was a certain period that I played the drums, but this is a proper story for some posts, so I reserve this for another moment.

I really appreciate my time, and I try to manage it the best I can.

Of course, I like socializing too as well as sharing laughs and moments, and going for a walk. A full-fledged peripatetic 🚶‍♂️.

I consider myself adaptable, with the capability for dedication to those around me.

Academic background

My skills include programming languages, technologies and less often ones.

Main programming languages

C# C++ C Java Markdown LaTeX

Main technologies

Unity Git OpenGL Hugo Spring

Less often

JavaScript MySQL

Right now I am trying to learn: Hugo, Unreal Engine

I’ve worked in large groups with agile methodologies such as Scrum or Extreme Programming. I have also managed the university community groups of the computer engineering degree for 3 years. The latter were composed of approximately 490 members.

I consider myself quite self-taught, as I have no qualms about learning in order to carry out any project, such as this page. Besides, the interest for knowledge is a trait that I have had since I was a child.

Enlaces

If you are interested in my profile do not hesitate to contact me or look at my CV.

I also have available all the games I have been developing and the last posts that I have published in my page.

]]>
Contact https://eterdev.gitlab.io/en/contacto/ Mon, 01 Jan 0001 00:00:00 +0000 https://eterdev.gitlab.io/en/contacto/ <table> <thead> <tr> <th style="text-align: center">WIP</th> </tr> </thead> <tbody> <tr> <td style="text-align: center">&#x1f6a7; This page is still under construction &#x1f6a7;</td> </tr> </tbody> </table> WIP 🚧 This page is still under construction 🚧 ]]>