Posts

Greetings.

Welcome to this new post where I'm going to finally show you the new update of Classic Style.

So... Let's start!

Classic Style is now "Old Style"

Yes, I thought that "Classic" doesn't fit this website as it origanlly meant to be looking like classic sites.

That's why it's now called "Old Style" which kinda makes sense to this website now.

So, Let's now see what's new with Old Style!

What's new

The Old Style is now based on Version 3.0.5 with some changes that fit with the current look.

The new Old Style is also using some features from other Versions such as the tooltip from Version 3.5 That got later replaced with the latest release.

Some other Changes

- "More shortcuts" now has more buttons/options just like the regular site.

- The hover animation is not present when hovering anymore, Just like what the Classic Style was origanlly.

- Texts size is now smaller as it went to '22px' in normal texts and '26px' in main texts (In articles and footer).

- A new startup animation is present and it's similar to Version 3.5 and 3.7

- A new startup animation for the header is present and it's similar to Version 2.5's main startup animation.

- "List of my Projects, Latest Videos, Latest Tweets" Are now similar to the current ones in Version 3.7 (With the style of 3.0.5 as mentioned above).

- Footer links are now coming with texts instead of just icons.

Release Date and Where to try

As of the date of this post, The new Old Style will be released tomorrow if everything goes well.

You can try it now here or simply go to /old in the link (berosato.github.io).

That's all!

That's all for now, Thank you for reading this post.

Note: As of what I said in the past post, This is the last thing I would do for this website so I can focus on my future.

There would be an upcoming post which would be the last ever post in this site which I would say some things.

See you all later!

- Omar

Hello!

Welcome to this new special post...

On this post I'll talk about the changes of this new version AND the future of this website!

So, let's start now with the changes of Version 3.7

What's new?

A new design update! (again)

New Recent Posts in the home page!

New tooltip on icons when hovering!

Other changes

- Hot! Changed the design of Posts, Projects and Latest Videos/Tweets buttons!



- Hot! Added a background for the posts!



- Texts are now green to fit the design and to also relax your eyes in dark mode.
- New animation when hovering on links.
- The "Last modified" date in the "About this website" article is now using JavaScript to tell the date of when I changed the index.html file.
- Removed the "My Projects" and "Info" links from the header.
- The logo in the header is now bigger.
- The logo has been added in the footer.
- Removed the icons from the footer links
- Added the old "List of my plans" from v1.0-2.5 to Archived Articles in the Development History page.
- Added "Info" shortcut in More options.

Where to try?

As always, you can try it now. Here

What's next?

So... it has been a year and a half since I started working on this project for fun to try HTML and CSS.

After all these updates I have made, I decided to scrap it all and start from the zero again.

Why? well, I wanted to learn JavaScript for a very long time, but sadly I'm being busy with life and school sometimes which just don't give time for that... BUT! Since it's vacation now, I will start learning JavaScript soon hopefully and make a total new website with many features!

As for this current website, well, this is the actual last version. I've said it multiple times with the previous versions and that's because since I wasn't able to learn JavaScript I decided to just update my current website from time to time until I just got bored that I would actually stop updating this site.

It was kinda a great time making this site, and it's now the end.

What about the JavaScript site?

Since I decided to learn JavaScript (Soon!) I would make a total new website but it might not be THIS website.

Who knows, let's see what the future holds!

Classic style is not complete

Yes, I decided to work on it alone instead working on new versions with it.

So, I'm working on a new classic style which would be the last thing I would work on for this site.

That's all, See you all later!

- Omar

Hello!

On this day in 2022, my first version of my website got released!

How it started

I've made this website for fun to do what I have learned of HTML and CSS, I was inexperinced until I got kinda improved. :)

When it was first released, It was looking so weird, I know lol, But after then I decided to work on new versions to improve it until I feel It's good.

How it's going

And now, I've decided to work on the next generation of this website, Which is Version 3.5, The biggest update I have ever made for the website!

This version is based on the new rebrand I made for myself. It has been months since I've been working on it.

So, let's now talk about the changes of Version 3.5!

What's new?

Total new redesign!

New tooltip when hovering on the links

Blogs is now Posts!

New Development History page!

New My projects, Latest Videos, Tweets and Posts button design!

New classic style!*

*The idea of the classic style has been changed again, this time it will be just the same design but with classic colors and changing the places.

Other changes

- Hot! New start up animation when opening the website!
- Hot! Header blur is now back!
- Segoe UI font should now work on Android, iOS, MacOS, etc.
- Texts are now 2px smaller.
- Removed the main text of more shortcuts.
- Latest videos and tweets are now with each other in the desktop and tablet screens as showen in the screenshot at the top.
- New highlight in the Home and Posts buttons on the header when going to the Home or Posts pages.
- New footer design!
- Added "More" button to Latest videos and tweets to go to my accounts.
- Added icons to main texts.
- Scrollbar is now bigger.
- Colored scrollbar for Firefox browser is back.
- New! Changed the top margin of "Welcome!" text for smaller screens.
- New! Hover animation for buttons/links is now slower.

Where to try?

As always, you can try it now. Here & Here

That's all, see you all later!

- Omar

Hello!

I know, long time no see :')

Though, I was recently working on a coppercube engine game for fun and I decided to release it.

Introducing... The Tree World!

Click here for the official trailer video Click here for the game link

It surely looks weird but I have enjoyed the development of it! (which I hope it will happen to my next projects too)

This game is just about finding stuff as well, and I might update it more if I got good ideas.

Well, you might be wondering... why CopperCube engine especially?

When I first found CopperCube, I actually liked the idea of it and decided to learn it and learn other programming languages later.

I was just working on random games back there but when I started the development of The Tree World, I actually felt like it deserves to be released.

So..... What's next?

I might finally start learning C# (Or GDScript) to make a real game.

News about the website

Well... I think its current design looks good enough as I currently don't have any plans on a new design, tho I might change my mind who knows.

Okay, actually I've been working on Version 3.5 after I've said that lol

This is all info I have for now, enjoy playing the game!

- Omar

Hello!

First, I want to say eid mubarak! (lately as eid is finished now)

I have delayed this release a lot duo to some pages problems and finding good icons to fit well.

so, it's finally a good time to release it!

What's new?

New huge design update

^{(Icons are by Typicons, Iconic, MFG Labs and Font Awesome. And generated using Fontello)}

Icons in the header, more shortcuts and footer buttons!

Other changes

- Renamed more options to more shortcuts
- Added kart racing and uwp apps page for the website (links can be found in the list of my projects in the main page)
- Updated some texts of QnA and About this website
- Updated hover and focus design
- Scrollbar track now does have a hover color
- New! Updated the main articles texts background color in light mode
- New! Updated the scrollbar to have a border at the left ^{Version 3.0.52}
- New! Removed the text shadow animation from the header and footer "Bero Sato" text ^{Version 3.0.52}
- New! Added "Edited" text for the edited blogs. ^{Version 3.0.52}

As always, you can try it now. Here & Here

That's all, see you later!

- Omar

Hello!

First, I want to say ramadan mubarak!

Now let's start with the changes!

What's new?

A fully new redesign!

List of my projects is also updated

New classic style based on version 2.5.x

Other changes

- About this website is now a normal article just like the other articles

- The "plans" has been renamed to "projects"
- Updated some texts including the QnAs
- Main texts are now centered
- The main texts now have an underline for making stuff more clear
- Updated the website tab icon
- Removed the arrow thing from the blogs
- The hover animation speed has been changed from 0.2 second to 0.1 second
- Added "DM Me" option in the 404 page incase if a page that already exists doesn't work
- The main texts aren't bold anymore, instead it's darker than paragraphs in light mode and lighter than paragraphs in dark mode.

Note

Before saying anything, i'm very happy to celebrate the ramadan month as a muslim, happy fasting!
1- This is the actual last version of my website, as I did what I really wanted for it. About the other projects, the development of them will start soon hopefully.
2- The classic style isn't only just the old version of this website, it also comes with the new stuff from this version such as the updated texts and the new list of my projects.

Where to try?

As always, you can try it now. Here & Here

That's all, see you later!

- Omar

Hello!

So, this version is adding some more missing features in 2.5 just like 2.5.5

And we will start with:

New footer update

The footer buttons are now better, just like the classic style of this website.

Black/White color when hovering on blogs, latest videos and tweets and about this website

And about got a focus when pressing TAB or holding on mobile!

Nothing else in this version, it's just a small update as well.

That's all, see you later!

- Omar

New footer design to fit with the header

Fixed the place of the header buttons on blogs and 404 pages

(note: there is more space between the header buttons in the blogs page.)

That's all, see you later.

- Omar

What's new?

A brand new design!

More options is now here

Other changes

- Added a startup animation for the website
- Added a little tab title update
- Updated the hover and focus design
- Blogs now have an underline when you hover to one
- Updated the scrollbar colors for Firefox browser
- The blogs now have their own url shortcut (For example: berosato.github.io/blogs#v2.5)
- New! Updated the website icon
- New! New footer design to fit with the header
- New! Fixed the place of the header buttons on blogs and 404 pages
- New! Updated the footer buttons look
- New! Black/White color when hovering on blogs, latest videos and tweets and about this website
- New! Added a text shadow for the "Bero Sato" text in the footer
- New! About got its focus design now when pressing TAB or holding on mobile

Known issue (outdated)

- The header buttons place is a bit up than it should be on the blogs and 404 pages

I'm not aware of any other issue.

Where to try?

As always, you can try it now. Here & Here

That's all, see you later.

- Omar

What's new?

A fully new header and footer buttons

New focus design when pressing TAB on computer or holding on mobile

New latest videos and tweets and blogs buttons design

Other changes

- Made some texts to be bold in about
- Changed the scrollbar colors to fit with the website design
- Changed the website background color on light mode
- Changed all articles texts colors
- Changed the header blur (backdrop-filter) from 15px to 13px
- New! Added focus when pressing TAB or holding on mobile in the blogs
- New! Fixed the logo being so small on mobile screens in blogs
- New! Fixed the white/black corners in the scrollbar in blogs
- New! Fixed the footer texts color on dark mode
- New! Changed the footer border in 404 page
- New! Added website's scrollbar design to the 404 page
- New! Changed the footer background color when loading its background image
- New! Changed the texts shadow in the footer
- New! Updated the scrollbar colors for Firefox browser

Where to try?

As always you can try it now. Here & Here

That's all, see you later.

- Omar

What's new?

Classic style is finally here!

The new about design now fits with the website design

Other changes

1- Changed the position of texts to be at the left in about
2- Removed the hover from about
3- Added more bottom space for the line in blogs
4- The background image is now bigger in the footer and classic style to fit to most screens
5- Changed the footer texts color
6- The footer first and last buttons are now rounded

Where to try?

As always, you can try it now, here & here

That's all, see you later.

- Omar

Introducing...

The classic style is here!

I have made it for fun because I was really bored, I have also stopped learning JavaScript temporarily duo to school stuff, hope you understand. :)

You can try it Here

That's all, see you later.

- Omar

Hello!

so, I have finally finished the development of this website.

and now i'm planning to make some UWP apps and a game with C#

i'm currently learning JavaScript for fun, and i'm going to learn C# after that, there the development of stuff I dreamed for would start. :)

The Kart Racing Game

until I finish making some UWP apps, i'm also planning to make my own racing game that might come with PS1 style and a lot of levels and it might get multiplayer mode as well (hopefully)

Note that the game name might get changed if I find a better name. (feel free to suggest a new name for it in my twitter page)

That's all, see you later!

- Omar

What's new?

The new blogs is here!

The background colors of about is now better.

Other changes

1. Changed the background color of the header and footer buttons a bit in light mode

Note

1. I know that I said I will use javascript in the future versions, well, I didn't since the thing I actually wanted to use with javascript looked weird so I ended up not using it.
2. As you know, this is the final version of my website finally, I can work with other projects I wanted to make but it isn't mean the end! I might improve the website someday if I wanted to. :)

- Omar

Hello!

Blogs has been improved and it does have its own page now,
it feels better right? :)

- Omar

Hello!

I Have been working on this website for almost 1 month now, I have been thinking a lot about what I should add, for now until I finish learning JavaScript, The final touchs I will do for this website is:
1. mobile menu for the header
2. Blogs page for the website
Hopefully I will be able to do these and the last version number will be 2.0 (newer versions will be just a fix for stuff). :)

- Omar

What's new?

Blogs is here!

Other changes

1. Fixed the header buttons border color on small screens on dark mode
2. Changed the latest tweets article background colors a bit in dark mode

Note

This is the last version of the website using HTML and CSS only, the future versions will use both and JavaScript.

- Omar