2017/05/29

Javascript: Puzzle (game with numbers)

I updated a game implemented in 2013. It's still a sketch, but anyway, it's on my list of projects. :)

You can play it here: http://ghitab.github.io/Puzzle/
Also you can check the code here: https://github.com/GhitaB/Puzzle

Have fun!

GitHub: delete a branch


Sure, sometimes you need it.

$ git branch -d branch-name
$ git push origin --delete branch-name

(image source)

Add code in your blogger post

You can use this tool to prepare your code for posting on Blogger. The example is the Bootstrap basic template.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>


How to create a simple favicon


I used favicon.cc to create a simple favicon for my projects page. The steps are:

  1. Paint your image using any color you want.
  2. For each change you can see the favicon updated in the web browser tab.
  3. When you like it just press the Download Favicon button and you have the favicon.ico file
Add the image in your images folder (Images in my case), insert it in your html page (head section):

<link rel="shortcut icon" href="Images/favicon.ico" />

RawGit: Same design for multiple projects


I started to define a common style for my web pages. First, I updated my blogs on Blogger using the Theme editor:

  1. Ghiță Bizău - personal blog
  2. GhitaB Art - my blog with drawings and paintings
  3. Lecții de desen - drawing lessons in romanian
The result seems nice for me, I used a background texture generated here: http://bg.siteorigin.com/
(It's really good if you need a texture for your website.)

A second step was to define a section for my links. I used fontawesome icons, I created a repository on GitHub and set gh-pages to use the master branch, so a preview is always up to date here. I included this gh-page as iframe in my blogs. The result is a nice list of my activities / projects. When I need to change something I just update the index.html in my profile repository and all the blogs will take the change. I saved the background texture image in this repo, too.

Then I started to think about my other projects on GitHub. I use gh-pages for them, too. How can I have a single css that will define my default design?

The solution is:
  1. I created a simple theme using Bootstrap (I like Bootstrap and I use it for my personal projects.) and some css. I published it on GitHub: https://github.com/GhitaB/default-design
  2. The background texture image uses existing image in profile repo: https://github.com/GhitaB/default-design/blob/master/styles.css#L2
  3. I set gh-pages for it to have a preview: https://ghitab.github.io/default-design/
  4. Using RawGit I received a link for my styles to be used in my other projects.
  5. Then I updated the projects to use that link to css.
The result, take a look to my projects:
  1. Jonah - illustrated book for kids
  2. Miracles of Jesus - coloring book
  3. Projects - a list of projects
Sure, I can beautify my default design, but it's working:
  1. I will just write my css in a single file,
  2. then I will create a new tag for default-design:
    1. $ git tag 1.0.2
    2. $ git push --tags
  3. and I will update my projects to use the new tag.
So, I can choose if I want to keep a project with an older design or to update it to latest version.

Sure, this is better than having the same css styles in multiple files and projects and trying to keep them all updated...

Next steps? For the moment I have not any problem with the limits of gh-pages.
I need an easy Back to blog option on my all projects. My blog is kind of Home for my other pages. :)

Shepherd of my heart


Maker of this heart of mine
You know me very well
You understand my deepest part
More than I know myself
So when I face the darkness
When I need to find my way
I'll trust in You
Shepherd of my heart

Keeper of this heart of mine
Your patience has no end
You've loved me back into Your arms
Time and time again
So if I start to wander
Like a lamb that's gone astray
I'll trust in You
Shepherd of my heart

You're the beacon of my nights
You're the sunlight of my days
I can rest within Your arms
I can know Your loving ways
So let the cold winds blow
Let the storms rage all around
I'll trust in You
Shepherd of my heart

Giver of this life in me
You're what I'm living for
For all my deepest gratitude
You love me even more
So as I walk through valleys
Listening for the Master's call
I'll trust in you
Shepherd of my heart

You're the beacon of my nights
You're the sunlight of my days
I can rest within Your arms
I can know Your loving ways
So as I walk through valleys
Listening for my Master's call
I'll trust in You
Shepherd of my heart

I'll trust in You
Shepherd of my heart

2017/05/28

Precious child



Show me dear Lord
How you see me
Through Your eyes
So that I can realize
Your great love for me

Teach me O Lord
That I am precious in Your sight
And as a father loves his child
So you love me

I am Yours because You have chosen me
I’m your child because You’ve called my name
And your steadfast love
Will never change
I will always be your precious child

Show me dear Lord
That I can never earn Your love
That a gift cannot be earned
Only given

Teach me O Lord
That Your love will never fade
That I can never drive away
Your great mercy

May I?

My favorite wallpaper for this month chosen from Smashing Magazine.


Twitter

I started to use Twitter again. Follow me here.

2017/05/25

Hello, World!

I'm back. :)

2017/05/23

John Bunyan - The Pilgrim's Progress (romanian)

„iar Christian se hotărî să-şi vâre sabia în teacă
şi să scoată la iveală o altă armă numită Rugăciuni-fără-număr”

I finished reading this book.
I give it 3/5 stars.
★★★☆☆

Find A Way - The real one


Find A Way

Level 160/160
It's a simple nice game.

2017/05/18

Genesis 1:8 - coloring page - Bible

And God called the firmament Heaven. And the evening and the morning were the second day. (Genesis 1:8 KJV)

2017/05/17

27 km, 1:40:38


New record. I'm tired, really tired.

2017/05/16

27 km, 1:45:44


Oh, that was not easy. But it will be easier next time.

2017/05/15

Genesis 1:7 - coloring page - Bible

And God made the firmament, and divided the waters which were under the firmament from the waters which were above the firmament: and it was so. (Genesis 1:7 KJV)

2017/05/14

Today's story

Prepare to fly.

You already ate something good.

Visit some colorful places.

Don't miss the great ones.

Find a place where you can hide and take a rest.

Listen to the forest's songs.

Then come back to home...

Relax taking a bath.

Be ready for tomorrow.

Strava

I started to use Strava. Trust me, it's good.


(source: https://humancyclist.files.wordpress.com/2015/01/strava-4.jpg)

A girl

...and a new romanian drawing lesson / demonstration:

Sleep less. DREAM MORE.


2017/05/13

Genesis 1:6 - coloring page - Bible

And God said, Let there be a firmament in the midst of the waters, and let it divide the waters from the waters. (Genesis 1:6 KJV)

Rainy Sabbath


a peaceful day at home

2017/05/12

Genesis 1:5 - coloring page - Bible

And God called the light Day, and the darkness he called Night. And the evening and the morning were the first day. (Genesis 1:5 KJV)

2017/05/11

Genesis 1:4 - coloring page - Bible

And God saw the light, that it was good: and God divided the light from the darkness. (Genesis 1:4 KJV)

Genesis 1:3 - coloring page - Bible

And God said, Let there be light: and there was light. (Genesis 1:3 KJV)

2017/05/10

Genesis 1:2 - coloring page - Bible

And the earth was without form, and void; and darkness was upon the face of the deep. And the Spirit of God moved upon the face of the waters. (Genesis 1:2 KJV)

2017/05/09

Genesis 1:1 - coloring page - Bible


In the beginning God created the heaven and the earth. (Genesis 1:1 KJV)

2017/05/03

Tu știi...


Tu-mi știi și-acele vorbe nerostite
Și gândul care-și caută un drum.
Tu-mi vezi și-acele visuri ne-mplinite,
Asculți cântul pe care-l cânt acum.

Tu mă privești de dincolo de stele
Și îmi arăți ce mult mă prețuiești.
Mă-nveți să strălucesc pășind spre ele,
Iubind pe oameni cum Tu mă iubești.

Tu știi când zâmbetul ascunde lacrimi,
Tu ești aproape celui ispitit.
Ne-ai revărsat lumina Ta în inimi,
Când Te-am chemat nicicând Tu n-ai lipsit.

Tu mă privești de dincolo de stele
Și îmi arăți ce mult mă prețuiești.
Mă-nveți să strălucesc pășind spre ele,
Iubind pe oameni cum Tu mă iubești.

(versurile îmi aparțin, melodia nu)