₦airaland Forum

Nmeri17:
consider those surfing on mobile 90% of the time. they'll have to DL each image

you're right as well, I'll have to take that into account as well.

Urine:
@blueyedgeek, good job. Why not post screen shots from your computer, reading through the lines will like this will be hard for folks.

I'll be posting a full link to google drive with the full working code but I guess posting screenshots is a better idea than manually typing out the codes again. Thanks.

I'll have to continue tomorrow

Jeus:
Don't like my post. I will date the guy who doesn't.

When did dating a lady become a reward? Try harder next time.

So onto the sass file but before that, let me take some time to preach the gospel of sass to everyone

Sass stands for semantically awesome style sheet

It was invented by Hampton Catlin who also created the haml markup language.

It is a super-set of css. What this means is that by writing css, you are totally writing valid sass. Sass just builds on top of css and gives css super powers.

So, why Sass

Well sass gives you the ability to use css like a programming language, we are talking about stuffs like variables, functions, mixins, loops, math and the likes. It also allows nesting of selectors and rules which help saves you as a developer some keystrokes. Enough talk, an example:

in plain old css, you could write something like this:

.container .wrapper > a {
    color: #fff;
    background-color: #002660;
    border: 3px solid #002660;
    border-radius: 15px;
}
.container .wrapper > a span {
    transform: scale(1.3);
}
div .widget {
    color: #fff;
}
div .widget::before {
    content: '';
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #002660;
}

You can see from this, there's a lot of repetition going on especially with the color value #002660, also we have to write those descendant rules all the time. Also imagine we have a very large style-sheet and that declaration #002660 happens in hundred places, with css, we would have to find every instance of that value and manually replace it (very.......... tiresome, trust me). Let's refactor that example with sass instead:

$brand-color: #002660; // We declare a variable with the dollar symbol and then the name of the variable
$white: #fff;

.container { // we can also nest rules and so every related group of selectors can be grouped together
    .wrapper {
        > a {
                color: $white;
                background-color: $brand-color;
                border: 3px solid $brand-color;
                border-radius: 15px;
                
                span {
                       transform: scale(1.1);
                }
         }
    }
}
div {
    .widget {
        color: $white;

        &::before { // the & symbol is a parent selector, so this refers to div .widget::before
                content: '';
                border-left: 12px solid transparent;
                border-right: 12px solid transparent;
                border-bottom: 12px solid $brand-color;
        }
    }
}

This might feel a bit strange but after some time it will only feel natural. The variable $brand-color holds the color value #002660 and can be re-used anywhere in our style-sheet and if for some reason we decide, we don't like the color anymore, we can easily change it from the variable and it will be reflected in the entire style-sheet. The color value #fff has also been stored in the variable $white and can be reused as well, if I decide that I want my white to be #f5f5f5 instead, I can easily change it and it will be reflected throughout the entire style-sheet.

This is not a sass tutorial so I will encourage any interested person to go check out the docs at sass-lang.com and also thesassway.com for neat things that can be achieved with sass.

Now unto the main course.........

Nastydroid:
following

Cool, please feel free to ask any questions about any part that feels confusing or isn't clear and I'll try my possible best to explain to the best of my ability.

The HTML page is pretty basic but I will try to explain as much as I can. Here's how it should look like

<!DOCTYPE html> <!--This is the HTML5 Doctype declaration, pretty basic stuff, you're all HTML ninjas out there-->
<html lang="en">
  <head>
    <meta charset="utf-8"> <!--Here I declare the  character set for the document. This should preferably come immediately after the head element -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--This forces Internet Explorer to display the document with latest standards-->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <!--Responsive meta component for responsive stuff, pretty basic-->
    <title>FIx The Word!!</title> 

    
    <link rel="stylesheet" href="assets/css/bootstrap.min.css"> <!--Here we link to bootstrap's core css file. Relative path links-->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> <!-- Link to font awesome stylesheet, used for icon fonts, super awesome -->
    <link rel="stylesheet" href="assets/css/style.css"> <!--Here we link to our own css stylesheet. We don't link to the sass file but to the generated css file-->
  </head>
  
  <body>
    <div class="container-fluid"> <!-- Wraps the entire page in a container, this just sets the width of the entire page -->
	
	 <section class="main_section">
			<div class="row">
				<div class="col-sm-6 col-sm-push-3">
					<h1 class="text-center">Fix the word!</h1>
					
					<div class="how-to-play text-center">
						<p><strong>Premise: </strong>The evil king 'scatter scatter' has jumbled up the words, your mission is to fix the words by filling in the correct word!</p>
						
						<p><strong>How to play:</strong> The goal of the game is simple; The words that appear on screen are not in correct order and as such don't make much sense, you are to fill in the correct form of the word.
						</p>
						<p>Use <strong>'Next'</strong> to move to the next word </p>
						<p>
							Use<strong>'Clear Field'</strong> 
							if you need to delete your value and replace it with a newer one.
						</p>
						<p>Use<strong>'Hint'</strong> if you get stuck and need a little help on a particular word</p>
						
						<p><strong>Points: </strong>Each correct answer gets you one point</p>
						<p><strong>Timed: </strong>Yes! You have 5 minutes to fix each word.</p>
					</div>
					
					<div class="start-game-btn-wrapper text-center">
						<button class="btn btn-success launch-game">
							<span class="fa fa-car"></span> Start
						</button>
					</div>
					
					<div class="game">
					<div class="row">
						<div class="col-sm-12 text-center">
							<p class="lead">
								<span class="timer">05:00</span> 
								<span class="rem-time">minutes remaining</span>
							</p>
						</div>
						<div class="col-sm-8">
							<h3>Jumbled word: <strong class="jumbled-word"></strong></h3>
						</div>
						
						<div class="col-sm-4">
							<div class="alert alert-success alert-dismissible text-center" role="alert">
  								<strong class="success-msg"></strong>
							</div>
							
							<div class="alert alert-danger alert-dismissible text-center" role="alert">
  								<strong class="warning-msg"></strong>
							</div>
						</div>
					</div>
						
						
						<div class="form-group">
							<input type="text" name="user-answer" class="form-control" placeholder="Enter your answer">
						</div>
						<button class="btn btn-success next" disabled>Next</button>
						<button class="btn btn-danger clear">Clear Field</button>
						<button class="btn btn-info hint pull-right">Hint</button>
						<p class="pull-right hint-msg"><em>Word begins with:</em> 
							<strong class="first-letter"></strong><br>
							<em>Ends with:</em> <strong class="last-letter"></strong></p>
						
						<div class="result">

						<div class="modal fade" id="resultModal" tabindex="-1" role="dialog" aria-labelledby="resultModal" aria-hidden="true">
  						<div class="modal-dialog">
    						<div class="modal-content">
      							<div class="modal-header">
        							<h4 class="modal-title">Your Score</h4>
      							</div>
      							
      							<div class="modal-body">
      								<div id="resultText">
      									<h4 class="result_title"> </h4>
      									<p class="additional_notes"></p>
      									
      									<div class="word-list">
      										<p>The words were:</p>
      									</div>
      									
      									<div>
      										<p><small><strong>You can click on each word to find out it's meaning.</strong></small></p>
      									</div>
      								</div>
      							</div>
      							
      							<div class="modal-footer">
        							<button type="button" class="btn btn-default close-modal" data-dismiss="modal">Close</button>
        							<button type="button" class="btn btn-primary replay">Play Again</button>
      							</div>
    						</div>
 		 				</div>
						</div>
						</div>
						
					</div>
				</div>
			</div>
    </section>
		
    </div>
   
<!-- As you can see, all my scripts are placed at the bottom, this is good for performance as it enables all assets to be loaded before the browser starts parsing script files -->
    <script src="assets/js/jquery-1.11.1.min.js"></script> <!-- Link to jQuery File -->
    <script src="assets/js/bootstrap.min.js"></script>  <!-- Link to Bootstrap's js file -->
    <script src="assets/js/wordDatabase.js"></script> <!-- A js file containing almost 10, 000 words -->
    <script src="assets/js/game.js"></script> <!-- Our main js file -->
 
  </body>
</html>

So we got the basic HTML up and running, now for the sass file (I'll also mention why I'm using sass instead of plain old css)

Let's get our project folders all fired up and ready as well, this is how the project directory will / should look like

project-name
----------index.html
----------assets
-------------------css (will contain our style.css and bootstrap's css)
-------------------sass (Will contain style.scss which compiles to style.css)
-------------------js (will contain bootstrap's javascript file and jQuery because bootstrap requires jQuery and we'll be using bootstrap's modal components. Will also contain our custom scripts for the game)
-------------------img (will contain a fancy gif image used for a fancy animation (not really necessary) )

Before we get started with the core JavaScript code, we need to make sure that we have the HTML all fired up and ready to go. I also made use of bootstrap for the layout of elements on the page and we'll be writing a few sass/css of our own for some custom touches.

Hello all, I've been learning JavaScript for a while now and a few weeks back I was able to build my first program with it (a scramble word game). Here, I hope to document the process and also maybe teach newbies a thing or two about JavaScript (I don't think pros would learn anything new as I don't even consider myself a pro yet).

The game logic is simple, a word appears on screen all jumbled up and misspelt and it is the player's job to figure out the correct spelling of the word. so for example a word like 'eqlotenu' could appear on screen and the user has to figure out that the correct spelling is 'eloquent' and at that case the user's score is increased and a new word appears on screen until a max list of words has been reached (in my own case, 10) and at that point, the user gets theirs score displayed to them.


By the end, I'll post a working demo to google drive so that every other person can interact and play with it.

Let's get started.

oluseyerichard:
pls where can i learn programming, i was told to go to Ikeja.. pls which sch at ikeja?

What aspect/area of programming excites you the most? is it web development, mobile app development, embedded systems? Knowing this will give you a better idea of what you need to really learn

He won the competition and lived happily ever after..... The end.

If he brings along sexy looking 'mami waters' then no question(s) will be asked. We'll just have an o.rg.y.

Guess Jesus still wouldn't have returned by 2050.

I realise this must be a joke but even if this were to be real, I doubt that the boyfriend would want to eat this. Talk about having a pen.i.s in your mouth. The mumu girlfriend should have shaped it like bweast, that would surely make the food more pleasing to eat.

bmoses:
I fell in love with this guy but never knew he has a big di*ck, and each time we make luv, i alway have pains because his di*ck is bigger than mine. i dont enjoy d love making and he cant resist me either, he cant even give me a space for the pains to heal before another round of Love making. i love him and dont want to leave him because of his big di*ck, pls do u guy have any solution? i dont want to have the pains again. matured advise plsssss.

okay, I usually don't comment much on this section but man this has got to be the most funniest comment ever (so I just had to comment). Let me give you a proper advice but before that we need to get to the root of this problem. Let's ask some tough questions shall we?

* There are different sizes of okokobiokos, we have large extra large and hungry man super large. Which of these categories does your guy fall in? (I excluded small and medium since you said your guys own falls in the large category)

* you said he has a bigger okokobioko than yours. Pray tell, what do you mean?

* If you were referring to your nether region when you said his was bigger than yours, tell me why is that? According to the law of elasticity, the force exerted is proportional to the extension meaning that your kinini should be obeying the laws of physics and expanding as it receives the force.


Now on to the proper advice


It's obvious you are enjoying the kpekusing despite the pain you claim to be getting from it.

In other news, Panadol is still a great tablet for pains.

Like the title of the thread suggests, I'm here seeking ways in which one can easily gain weight fast without it leading one to an unhealthy lifestyle.

Particularly, I'm very interested in what type of food (readily available in Nigeria) one should or must eat in order to gain weight in a short period of time.

Sensible opinions please (if you are not going to leave a sensible comment, please don't bother commenting).

Thanks.

Bump

Wish I had that much time in the world to sit down and chat unproductive nonsense with a girl I barely know. You really dey enjoy bro (I wonder how many hours you put into wooing her).

mimijj:
Kill yourself and if you are lucky you will see God to answer you.

Jesus would be so proud of this your post. I should commit suicide to see god, stew peed advice.

If the babalawo's make sacrifice both of food and animals do you think the Biblica sacrifice is coincidence? Don't use your childish brain in solving a matter but seek elderly wisdom. Christianity and islam may not be the ways of our ancestors but the whole concept (I mean the books-d original and not d perverted) are ours (recordings).

So, what makes your god any special than the ones worshiped by the babalawos if they all require sacrifice in order to function properly? I wouldn't have a problem if you just admit your god is just like every other bull cr*p god we have been hearing about since the beginning of time and since your god (notice I typed the 'g' in lowercase letter, go and kill yourself) is like any other, what makes him more special than say... amadioha for instance?

DProDG:
Lmao, Johnydon22, Misogynist2014 & doubleDx let's apologize to Pr0ton for finally derailling his thread









But seriously, any DC fans in the house? Superman vs Sentry?

People like to claim that superman is an over-powered character but sentry is a whole load of overpowered bullshit. The dude has the power of 10 exploding suns, superman wouldn't stand a chance. Darkseid would be a better match for sentry in my opinion.

To be fair to god as portrayed in the bible, he's really not as powerful as Christians make him out to be. Disregarding verses where he's lauded with unmerited praises as being omni curry curry and omni everything, his feats were underwhelming to say the least.

Some of the things that just don't feel right:

They say god is omniscient but in genesis, when Adam hid from him, he had to ask for Adam's location and also ask if he had disobeyed him. If he actually did know beforehand...... Then man is he stupid for asking such questions otherwise he's not really omniscient.


The bible also says that the same god regretted creating man, I don't see how an omniscient being should feel regret or anger or jealousy or anything like that. If he did know beforehand that he would regret making man.... Then man is he stupid for making man otherwise he's not really omniscient.


They say god is omnipresent meaning he's everywhere at the same time but why does the spirit of an omniscient being have to move across waters (emphasis on move)

God created the world in six days and was so tired that he had to rest... He had to rest........... god had to rest.

They claim god is spirit but yet he modelled man in his own image. God has a face, nose, mouth and even a deek (how else would he have an only begotten son?, except of course he created Jesus as well and specially declared him his son which is plain stupid but hey...he's god... He can do what he damn well pleases). Before someone comes here to say nonsense about man being in god's image being metaphorical, do well to remember the verses that describe him as someone with a nose, eyes, face, hand etc. The bible says that Moses saw his freaking shadow (god has a shadow..... Hehehe.....god has a freaking shadow). The bible also claims that he perceived the aroma of sweet suya that Noah sacrificed unto him, the aroma was so pleasant that he had to make a rainbow for the special occasion.



Now let's move on to some of his feats (which were underwhelming anyway).



* he won the war against Lucifer in the heavens but I still wonder how he couldn't prevent the war in the first place if he's all powerful. The fact that Lucifer was able to get a lot of angels on his side is a pointer to God's inability as a leader. To prove that god is such an as****le, instead of placing the rebellious angels in a reformatory holding cell, he threw them to earth to cause havoc. Very dumb thing to do.


* he created the world in six days but was tired on the seventh and decided to call it a day. Superman would have done better

* he destroyed sodom and gomorrah with fire and brimstone. Okay, I got to admit, this is a pretty fancy power so a plus one for him. It did drain his powers so much so that he couldn't repeat the feat again.

* he splitted the red sea in half by farting out loud. With all his powers all he could was split water..... Big deal, he could have commanded giant flying eagles that can breathe fire to safely carry the Israelites across the red sea but he chose to make them trek. Gandalf would have done a better job there.

* he flooded the entire world with rain........ It drained his power so much he decided not to try such nonsense again. Forget what the bible would have you believe, god can't flood the earth again because he has run out of juice.

* He fought in a wrestling match with Jacob and won....... He didn't win fair and square though, he had to disable the dude's leg temporarily... But seriously god fought with Jacob, guess the devil was too much for him or something, either that or he's just a mean bully picking on less powerful beings.

* after his power was drained so much, he could only make dew fall to prove something to gideon, trying something like a flood at that point would have killed him anyways.

* he made a donkey talk........ And the donkey talked....... God made a donkey talk.......... This is a ridiculous power, god is such a drama queen.


* he made the sun stand still so that his people could kill lesser beings (since only the Israelites were his own people. I guess every other person is screwed)... I don't know why god would claim to make the sun stand still when the sun doesn't even move in the first place...... The thing is at that time, god had not discovered science so he would have claimed that he caused the earth to stop rotating and revolving which would have been the accurate way to describe the event. Anyways, he didn't........ God didn't take basic science class... Made the sun stand still, I can claim that too since the sun doesn't even move.



God's weakness

God doesn't have a weakness........ Blasphemy........ Infidel......... Hell faya

Save your breath, the bible itself claims that God has his own kryptonite. God's weakness is iron chariot, yes you heard me right, iron chariot. Don't believe me?


Judges 1 vs 19

New Living Translation


"The LORD was with the people of Judah, and they took
possession of the hill country. But they failed to drive out
the people living in the plains, who had iron chariots."

There you have it, god's weakness as portrayed in his own word. So for all you unbelievers, if you want to protect yourself against this war god, get yourself some iron. I actually have limited edition of iron chariots, so preorder if you need yours. It's not free though and it's guaranteed to chase god away since he can't handle iron chariots.

Pr0ton:
Haha.. And they are one?

Isaiah 55:8

New International Version

"For my thoughts are not your thoughts, neither are your
ways my ways," declares the LORD.

Interpretation

"Me an you no get the same mind, I dey for heaven, you dey for earth, na me talk am. Wetin you fit do?


Romans 9:18
New International Version

"Therefore God has mercy on whom he wants to have mercy,
and he hardens whom he wants to harden."

Interpretation

"I be God, I fit do anything wey I like, I fit use your life do 9ja bet like Job or make I mind control you like pharaoh come still blame you on top. Why I dey talk all dis one? Because I'm batman........ Sorry God"

Jesus teaches that his disciples oughta forgive others their wrong. So what business is He having with the unforgiving dude. He should cast him into hell jor. Abi, if thy right hand offends thee...

They have a deal, Jesus keeps shut and the Holy Spirit doesn't touch Mary Magdalene.

Pr0ton:
More implausibility was the presence of carnivorous animals in the ark.. What did serve as food for 150 days? The only animal of its kind? Then Noah didn't save all the animals in the world (a pair each) as the Bible falsely claims, as some would serve as foods for the carnivores.

And why did God require animal sacrifice in the old testament sef? After the flood Noah still had to kill one of the 'saved' animals as sacrifice to his bloodthirsty deity.

Pr0ton:
Haha.. They used magic. I think Merlin was one of Noah's sons.

Don't forget Noah made a sacrifice to God after the flood; rendering some other animals extinct.

Like the writer wasn't using his brain when composing the story. Or maybe the Holy Spirit was on serious weed, since it was inspiring the writer

All sins can be forgiven except a sin against the Holy Spirit. The trinity might have arguments about which sins to forgive but there is no argument when it's a sin against the Holy impregnator..... err..... Spirit. The dude isn't just as forgiving as the other two.

I still wonder how only 8 people were able to re-populate the whole earth in just 1600 years.

malvisguy212:
you guys qoute verses from the bible that talk abouy how God proclaimed judgment on the unbelievers but failed to provide verse of their evil acts, after God judge them, God did not immediately carry on the acts, he waited for 300 years until he fulfilled his judgment.

What causes the war between amalikites and the isrealite? it all started during the exedus era,they
were traveling during the Exodus ( Ex
17:. And the amalikites attack them without apparent provocation

Deuteronomy 25:17-18
" 17 Remember what the Amalekites did to you along the way when you came out of Egypt. 18 When you were weary and worn out, they met you on your journey and attacked all who were lagging behind; they had no fear of God."

This verse indicate that the amalikites started the war.

They later attacked Israel during the time of the Judges (Jdg 3:13) and often raided the Israelites' land after they had planted crops, leaving them with nothing ( Jdg 6:2-5):

Judges 6:2-5
2 Because the power of Midian was so
oppressive, THE ISREALITE PREPARED
SHELTER FOR THEMSELVES in mountain
clefts, caves and strongholds. 3
Whenever the Israelites PLANTED THEIR CROP, the Midianites, AMALIKITES and
other eastern peoples INVADED THE
COUNTRY. 4 They camped on the land and ruined the crops all the way to Gaza and did not spare a living thing for Israel,
neither sheep nor cattle nor donkeys. 5
They came up with their livestock and
their tents like swarms of locusts. It was
impossible to count them or their camels; they invaded the land to ravage it.

Still God did not carry on his judgement, the amalikites keep on attacking isreal in the book of Samuel,that is over 300 years when God said this in exedus;

Exedus17:14-16
The LORD said to Moses, "Write this
on a scroll as something to be
remembered and make sure that
Joshua hears it, because I WILL
COMPLETELY BLOT out the memory of
Amalek from under heaven."
Moses built an altar and called it The
LORD is my Banner. He said, "For
hands were lifted up to the throne of
the LORD. The LORD will be at war
against the Amalekites from
generation to generation."

After over 300 years God wipe them out because of there continuously evil against God children, today there is no nation of them existing.during that 300 years they may have heard the judgment of God and repented but no , they dint. Mr atheist be sincere next time and quote where it all started.

The Israelites were God's own people right? A beacon of hope to the rest of the nations. What makes God's supposed own people any special if they behave just like those they are supposed to be a shining light to? What makes them God's own people if they only know how to repay evil with greater evil?

Nmeri17:
Shay u don run like spikes

run go where? U have my number na.

Hear ye the word of the lord, these are his commandments

1. Thou shalt not like this post
2. Thou shalt look at this post and thou shalt ignore it
3. Thou mayest die if thou shalt ignore rule 1
4. Thou shalt obey the words of the lord and follow rule 1
5. Thou shalt not like this post, liking this post is worse than stealing
6. Thou mayest remember Aluu 4, people die like chicken that day, watch the video. Liking this post may cause such a fate to befall you
7. Thou shalt remember rule 1, it is the most important of all the commandments
8. Thou shalt see this post and thou shalt 'walk' past, this is a holy post
9. Thou shalt not commit likery, lookery or thinkery about likery
10. If thou shalt like this post, thou shalt be initiated into the coven of the seven spirits of Ogugu forest where your blood will be used for zobo experiments.

He who has an ear, let him/her hear. Be ye wise... don't joke with the laws of the gods.

blunderass01:
Mr. Blueyedgeek, it is best if you stop misrepresenting the word of God. Back in the days of Samuel, the Amalekites were a very wicked race, who opposes the people of God and seek to oppress them every time. And they were not willing to repent. But now we have Jesus who has sacrificed Himself because of us.

So god's flimsy excuse was that the Amalekites were a wicked race and so his answer was to kill an entire race; fathers, mothers, children all wiped away like they meant nothing. You choose to see nothing wrong nothing with this and even defend god's stupid instruction to kill infants and children. Una don loss finish.

I don't know which version(s) of internet explorer you guys have running on your systems but the most recent version of internet explorer (IE 11) is on par if not better than other modern browsers out there. The team has worked really hard to bring IE up to modern standards and version 11 is an awesome browser if you ask me.

Upgrade to 11, leave 8 alone.