OhSteem Blog Post: 'Heading' to the right direction.

ohsteembanner.png
Graphics by @deveerei

OhSteem is a game based on 0hh1.

Test the Game Here

Here are my previous posts about it:

Github Repository:

Why a Blog Post?

  • Too short to become a 'Documentation' contribution.
  • Too little effort to become a 'Development' contribution.

This blog post serves as an announcement asking for a call to action for developers to help build the game, as discussed in the previous post "Test Site for OhSteem Live - Forked Open Source Game" I've encountered issues updating the sizes of the headers. I was able to fix some parts of it like this one here:

image.png
Screenshot from https://deveerei.github.io/OhSteem/

Under Master Branch OhSteem/css/style.css, I changed the following parameters that reflects actual changes on the Test Site (https://deveerei.github.io/OhSteem/):

h1,h2,h3 {
text-align: center;
font-family: 'molle';
color: #fff;
font-weight: normal;
margin: 5% 0;
white-space: nowrap;
}
h2 {
font-size: 90px;
margin: 7% 0 0 0;
}
h3 {
font-size: 90px;
margin: 5% 0 0 0;
}
h2#boardsize {
position: relative;
z-index: 10;
font-family: 'Josefin Sans', sans-serif;
margin-top: 3%;
-webkit-transition: opacity .3s ease-out;
-moz-transition: opacity .3s ease-out;
-ms-transition: opacity .3s ease-out;
transition: opacity .3s ease-out;
}

Font Sizes listed above were previously containing the attributes of 15vw, changed it to a lower attribute first but does not change anything so I opted to set it as 90px.

However I still need some help in this page here:

image.png
Screenshot from https://deveerei.github.io/OhSteem/

This page is where you select the board size before starting the game itself - I can't seem to fix it. There's a possibility of delayed implementation but I don't think that's it.


The landing page seems to be fine now too, look at this screenshot or check it out on the Test Site (https://deveerei.github.io/OhSteem/).

image.png
Screenshot from https://deveerei.github.io/OhSteem/

However, the animation at the start have been messed up when I tried making it into "Oh Steem" instead of "0h h1". Look here or check it out on the Test Site (https://deveerei.github.io/OhSteem/).

image.png
Screenshot from https://deveerei.github.io/OhSteem/


I'm no developer and I only have some basic rusty knowledge of CSS and HTML.

So, right now, I need help with 2 things:

  • A pull request containing codes to fix the Header under Size Selection of the game.
  • A suggestion or a pull request containing codes fixing the animation at the start of the page.

Thanks to those who will respond!



Posted on Utopian.io - Rewarding Open Source Contributors