Zeftax/personal-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

blog nuvalidated

Browse source
This commit is contained in:
Zdenek Borovec 2024-01-19 04:17:10 +01:00
parent 008a9a51d2
commit 8d7fd40dc8
3 changed files with 55 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
assets/common/styles.css
View file

@ -70,6 +70,7 @@ code {
color: #33ff00; color: #33ff00;
padding: 1em; padding: 1em;
display: block; display: block;
white-space: pre;
} }
#header { #header {
@ -195,17 +196,35 @@ code {
letter-spacing: 0.001em; letter-spacing: 0.001em;
text-align: center; text-align: center;
} }
.frac span { .frac span {
display: block; display: block;
padding: 0.1em; padding: 0.1em;
} }
.frac span.bottom { .frac span.bottom {
border-top: thin solid black; border-top: thin solid black;
} }
.frac span.symbol { .frac span.symbol {
display: none; display: none;
} }
.blog-preview-list {
list-style-type:none;
padding-left: 0px;
}
.blog-preview {
border-radius: 0.5em;
border-style: solid;
border-width: thin;
border-color: black;
margin: 1em;
padding-left: 1em;
padding-right: 1em;
}
.blog-metadata .blog-tag { .blog-metadata .blog-tag {
border-style: solid; border-style: solid;
border-width: thin; border-width: thin;

13
docs/www/blog/godot_spell_system_prototype/index.php
View file

@ -8,9 +8,9 @@ include_once($COMMONS."/header.php");
?> ?>
<article> <article>
<h1> <h2>
Godot spell casting system prototype. Godot spell casting system prototype.
</h1> </h2>
<div class="blog-metadata"> <div class="blog-metadata">
<span class="blog-tag" style="background-color: cornflowerblue"> <span class="blog-tag" style="background-color: cornflowerblue">
godot godot
@ -39,19 +39,19 @@ include_once($COMMONS."/header.php");
<h2> Gallery </h2> <h2> Gallery </h2>
<div> <div>
<div> <div>
<img src="http://www.zdenekborovec-dev.cz/blog/godot_spell_system_prototype/nodes.png"/> <img src="http://www.zdenekborovec-dev.cz/blog/godot_spell_system_prototype/nodes.png" alt="A screenshot of the spell casting system.">
<p> <p>
A path drawn between some nodes, this is what the spell casting looks like. A path drawn between some nodes, this is what the spell casting looks like.
</p> </p>
</div> </div>
<div> <div>
<img src="http://www.zdenekborovec-dev.cz/blog/godot_spell_system_prototype/console.png"/> <img src="http://www.zdenekborovec-dev.cz/blog/godot_spell_system_prototype/console.png" alt="A screenshot showing cast spells log.">
<p> <p>
A log from the spellbook, it detects all entered paths. It also has a dictionary of paths and spells, if you enter a path that corresponds to a spell, you cast it! A log from the spellbook, it detects all entered paths. It also has a dictionary of paths and spells, if you enter a path that corresponds to a spell, you cast it!
</p> </p>
</div> </div>
<div> <div>
<img src="http://www.zdenekborovec-dev.cz/blog/godot_spell_system_prototype/spellbookexports.png"/> <img src="http://www.zdenekborovec-dev.cz/blog/godot_spell_system_prototype/spellbookexports.png" alt="A screenshot from the godot editor showing node export values.">
<p> <p>
This is how I can interact with the spellbook from the editor. I can add in nodes (it then works with them automagically, so I am not anyhow limited to the 3x3 grid). And I can also add in the spell paths and names (I can then use these to emit a spell_cast event with its name, or something like that). This is how I can interact with the spellbook from the editor. I can add in nodes (it then works with them automagically, so I am not anyhow limited to the 3x3 grid). And I can also add in the spell paths and names (I can then use these to emit a spell_cast event with its name, or something like that).
</p> </p>
@ -66,17 +66,14 @@ include_once($COMMONS."/header.php");
Here is a bit of code, so that I can test my code block css: Here is a bit of code, so that I can test my code block css:
</p> </p>
<code> <code>
<pre>
## Add a node to current spell ## Add a node to current spell
func _on_spellnode_entered(node: SpellNode)-&gt;void: func _on_spellnode_entered(node: SpellNode)-&gt;void:
if is_receiving_spell &amp;&amp; not spell_builder.has(node): if is_receiving_spell &amp;&amp; not spell_builder.has(node):
# Append node to the spell builder # Append node to the spell builder
spell_builder.append(node); spell_builder.append(node);
# Add new point to the spell line and set the old top to the new nodes position # Add new point to the spell line and set the old top to the new nodes position
spell_line.add_point(node.position) spell_line.add_point(node.position)
spell_line.set_point_position(spell_line.get_point_count() - 2, node.position) spell_line.set_point_position(spell_line.get_point_count() - 2, node.position)
</pre>
</code> </code>
<p> <p>
I would like to add some kind of syntax highlighting, but from my research I'd have to write a php function for that, as css cannot look for key words, and writing a bunch of php is not something I am currently in the mood for, so this will have to do, for now. I would like to add some kind of syntax highlighting, but from my research I'd have to write a php function for that, as css cannot look for key words, and writing a bunch of php is not something I am currently in the mood for, so this will have to do, for now.

41
docs/www/blog/index.php
View file

@ -7,23 +7,44 @@ include_once($COMMONS."/header.php");
?> ?>
<article> <article>
<p> <h2>
Blogs will be written here, at some point in the future. My blogposts
</p> </h2>
<p> <p>
The way in which they are made and addressed right now is temporary, so any links you save / share WILL EXPIRE eventualy. This includes media. Blogs about various topics will be written here, at some point in the future.
</p> </p>
<p>
The way in which they are made and addressed right now is temporary, so any links you save / share WILL EXPIRE eventualy. This includes media.
</p>
<p>
I am just trying to get a feel for what tools I might need for writing the blogs, so everything is subject to change once I get a solid idea and implement a proper system for doing this, instead of just writing plain html.
</p>
</article> </article>
<hr/> <hr>
<ul> <ul class="blog-preview-list">
<li><div><a href="http://www.zdenekborovec-dev.cz/blog/godot_spell_system_prototype"> <li><div class="blog-preview"><a href="http://www.zdenekborovec-dev.cz/blog/godot_spell_system_prototype">
<h3> <h3>
Godot spell casting system prototype Godot spell casting system prototype
</h3> </h3>
</a>
<div class="blog-metadata">
<span class="blog-tag" style="background-color: cornflowerblue">
godot
</span>
<span class="blog-tag" style="background-color: khaki">
game-dev
</span>
<span class="blog-tag" style="background-color: sienna">
the-labyrinth-II
</span>
<span class="blog-publish-date">
Published on: 2024-01-13
</span>
</div>
<p> <p>
I have wanted to implement this system in my upcoming game "The Labyrith II" for a few years now, but I got distracted and left it, well, I am back now. I have wanted to implement this system in my upcoming game "The Labyrith II" for a few years now, but I got distracted and left it, well, I am back now.
</p> </p>
</a></div></li> </div></li>
</ul> </ul>
<?php <?php