1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 |
<!DOCTYPE html> <html lang="en"> <head> <style> /* Styling the body */ body { margin: 0; padding: 0; } /* Styling section, giving background image and dimensions */ section { width: 100%; height: 100vh; background: url('minimal_12.png'); background-size: cover; } /* Styling the left floating section */ section .leftBox { width: 50%; height: 100%; float: left; padding: 50px; box-sizing: border-box; } /* Styling the background of left floating section */ section .leftBox .content { color: #fff; background: rgba(0, 0, 0, 0.5); padding: 40px; transition: .5s; } /* Styling the hover effect of left floating section */ section .leftBox .content:hover { background: #e91e63; } /* Styling the header of left floating section */ section .leftBox .content h1 { margin: 0; padding: 0; font-size: 50px; text-transform: uppercase; } /* Styling the paragraph of left floating section */ section .leftBox .content p { margin: 10px 0 0; padding: 0; } /* Styling the three events section */ section .events { position: relative; width: 50%; height: 100%; background: rgba(0, 0, 0, 0.5); float: right; box-sizing: border-box; } /* Styling the links of the events section */ section .events ul { position: absolute; top: 50%; transform: translateY(-50%); margin: 0; padding: 40px; box-sizing: border-box; } /* Styling the lists of the event section */ section .events ul li { list-style: none; background: #fff; box-sizing: border-box; height: 200px; margin: 15px 0; } /* Styling the time class of events section */ section .events ul li .time { position: relative; padding: 20px; background: #262626; box-sizing: border-box; width: 30%; height: 100%; float: left; text-align: center; transition: .5s; } /* Styling the hover effect of events section */ section .events ul li:hover .time { background: #e91e63; } /* Styling the header of time class of events section */ section .events ul li .time h2 { position: absolute; margin: 0; padding: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 60px; line-height: 30px; } /* Styling the texts of time class of events section */ section .events ul li .time h2 span { font-size: 30px; } /* Styling the details class of events section */ section .events ul li .details { padding: 20px; background: #fff; box-sizing: border-box; width: 70%; height: 100%; float: left; } /* Styling the header of the details class of events section */ section .events ul li .details h3 { position: relative; margin: 0; padding: 0; font-size: 22px; } /* Styling the lists of details class of events section */ section .events ul li .details p { position: relative; margin: 10px 0 0; padding: 0; font-size: 16px; } /* Styling the links of details class of events section */ section .events ul li .details a { display: inline-block; text-decoration: none; padding: 10px 15px; border: 1.5px solid #262626; margin-top: 8px; font-size: 18px; transition: .5s; } /* Styling the details class's hover effect */ section .events ul li .details a:hover { background: #e91e63; color: #fff; border-color: #e91e63; } </style> </head> <body> <section> <div class="leftBox"> <div class="content"> <h1>Welcome!</h1> <p> Welcome to Ryan and Desmond's site! </p> </div> </div> <div class="events"> <ul> <li> <div class="time"> <h2>15 <br><span>March</span></h2> </div> <div class="details"> <h3>Where is the event happening?</h3> <p> The Halloween Party is happening in the soccer field of Shenzhen's award winning International School QSI! </p> <a href="#">View Details</a> </div> <div style="clear: both;"></div> </li> <li> <div class="time"> <h2>27 <br><span>May</span></h2> </div> <div class="details"> <h3>Where is the event happening?</h3> <p> Right next door! </p> <a href="#">View Details</a> </div> <div style="clear:both;"></div> </li> <li> <div class="time"> <h2>12 <br><span>August</span></h2> </div> <div class="details"> <h3>Where is the event happening?</h3> <p> Hello hello! </p> <a href="#">View Details</a> </div> <div style="clear:both;"></div> </li> </ul> </div> </section> </body> </html> |
Category: My Past
lessons I’ve learned from my past
Story with Theme, Ethos, Pathos, and Logos
The wise old owl, Athena, perched atop the tallest oak in the forest, observing the commotion below. The squirrels were in a frenzy, their chatter echoing through the trees. A rumor had spread like wildfire: a monstrous beast with glowing eyes and razor-sharp claws was lurking in the shadows, ready to devour any creature it encountered.
Panic gripped the forest. The deer huddled together, their eyes wide with fear. The rabbits scurried into their burrows, refusing to emerge. Even the mighty bears trembled in their dens.
Athena, known for her wisdom and calm demeanor, hooted softly, calling the animals to gather beneath her tree. “Fear,” she began, her voice resonating with authority, “is a powerful force. It can paralyze us, blind us to reason, and make us vulnerable to our own anxieties.”
She spread her wings, their span casting a comforting shadow over the trembling creatures. “I have lived in this forest for many seasons,” she continued, “and I have seen fear grip this community before. But I have also seen courage, resilience, and the power of logic prevail.”
Athena then addressed the rumor directly. “This beast you fear,” she said, “has anyone actually seen it? Has anyone witnessed its ferocity firsthand?”
Silence met her question. The animals exchanged uneasy glances, their fear palpable.
“Fear,” Athena continued, “thrives on the unknown. It feeds on whispers and shadows. But logic demands evidence. It requires us to seek truth, not succumb to unfounded anxieties.”
She then proposed a plan. A small group of brave animals, representing different species, would venture into the forest, searching for any sign of the rumored beast. They would gather evidence, observe any unusual tracks or disturbances, and report back to the community.
The animals, inspired by Athena’s wisdom and courage, agreed. The fear hadn’t vanished entirely, but a glimmer of hope had emerged. They would face the unknown, not with blind panic, but with reason and collective strength.
Theme: The importance of overcoming fear with reason and courage.
Ethos (credibility):
Athena, the wise old owl, establishes ethos through her age, experience, and reputation for wisdom. The animals trust her judgment and guidance.
Her calm demeanor and authoritative voice further reinforce her credibility, making her words more persuasive.
Pathos (emotion):
The story evokes emotions of fear and anxiety by describing the animals’ panic and the rumors of a terrifying beast. This creates a sense of urgency and draws the reader into the narrative.
Athena acknowledges the fear but also appeals to the animals’ courage and resilience, inspiring them to overcome their anxieties.
Logos (logic):
Athena emphasizes the importance of evidence and reason in overcoming fear. She encourages the animals to seek truth and not be swayed by unfounded rumors.
The plan to investigate the rumors logically, gather evidence, and analyze the situation demonstrates the power of reason in facing the unknown.
This fable uses ethos, pathos, and logos to convey a powerful message about the importance of facing fears with a balanced approach, combining emotional resilience with logical thinking.
How the West colonized China in the 90s and 00s.
A reply to the West on why China decided to go its own way:
You did keep their economy going
Yet they also kept your economy going much more than you did
They produced a Fifteen Dollar Chair that you sold in your retail outlets for Fifty Five Dollars
Your Retailers made Eighteen Bucks
Your Distributors made Ten Bucks
Your Importer made Twelve Bucks
Your Taxman made Three Fifty
The Chinese Factory made Four Bucks!!!
You guys made more than Forty Bucks out the Transaction
It’s why you loved China and the Chinese
They were your tame Coolies
Rather than make something for Forty Five Bucks in Cleveland or Gary and sell them for Sixty Five Bucks with a barely Six Dollar Margin – You decided to move to China and increase your profits
You were happy because you made profits
Your Citizens were happy because they got good stuff at affordable prices
It was basically another form of Colonialism that you called “Opportunities”
When any Nation demanded more than Four Bucks for that Chair – you called them Socialist and claimed they had Labor Problems
You loved it when they paid $ 4.50 for a product that cost you Ninety Cents to create
They had a Billion People
You loved it when they guzzled your food at 500% markup or when they paid you 250% profits for your branded products that THEY MADE AT A SEVENTH THE PRICE IT WOULD HAVE COST YOU STATESIDE
They were your buddies after all
You flooded your brands and IP and made them pay through their nose
And you loved them for it
Then they changed
They started selling their own products in their markets that were better than your products and at a third the price
They made their own products with their own IPs and no longer paid through the nose
They started bringing their own brands to compete with yours and share the gravy but at a much fairer or competitive price
So while you happily sold your brands in their country and earned 250% profit, you refuse to sell their brands in your country and give them 50% Profit
You sold, flooded your cars in their country making Eighty Five Dollars for every Hundred and giving them a paltry Fifteen Dollars for making those cars citing IP and Proprietary Fees and Brand Payments
Now when they do a tenth of that, to make a larger share in the sale of their cars in your country, you refuse to do that and scream “Subsidies”, “ State Sponsored”, “National Security”
And Taiwan?
You boldly weaponize Taiwan and foster separatism
Yet if China supplied 10 D Grade Rockets to Lebanon to defend themselves, you would scream and bring the entire world down
Now you are Scared!!
They will buy their own products now
They will buy their own brands
They will buy your brands of course BUT AT A FAIR PRICE and not just for the Brand
And they will compete with you in every Global market where you cannot use excuses to keep them out
So with all this in mind
Tell me exactly HOW THE CHINESE ARE AGAINST THE WEST?
It’s looks to be the case where you took advantage of a country and now are pissed off because the country has learned and is competing with you and doing better isn’t it?
CSS Specificity
When we put styles in a html tag, it’s called inline styles
We give a div with class row a padding of 10px.
If you look at the white blank space on the side of the lettering “Side” there is 10px of white blank space.
Notice in the same div, we add a
1 2 3 |
<div id="rowId" class="row" style="padding: 10px"> ... </div> |
Then
When we add styles in the head section, its called internal CSS:
1 2 3 |
#rowId { padding: 0 } |
But because we have inline styling, the inline style (with the padding 10px) wins (1,1,0,0 points)
It always has precedence.
Let’s try it with an ID and a element plus a class
As you can see, since ID has precedence over tag and class, the div’s text color will use the Id’s CSS, and not the element + class.
Dependent (Subordinate) Clauses
Dependent clauses, also known as subordinate clauses,
are groups of words that contain a subject and a verb but cannot stand alone as a complete sentence.
They depend on an independent clause to form a complete thought.
Here are the three main types of dependent clauses:
Noun Clauses
ref – https://7esl.com/noun-clause
Function: Act as nouns within a sentence. They can be subjects, objects, or complements.
Begin with:
Relative pronouns (who, that, whom, whose, which)
Compound pronouns (whoever, whomever…etc)
Noun clauses often ALSO start with “wh”-words such as (what, which, when, where, whether, and why)
Examples:
What he said made everyone laugh. (subject)
She doesn’t know where they went. (direct object)
We fight when there are enemies. (object)
This is [what is boils down to].
I ran [when I saw the police].
Money is [why we don’t go on vacation].
Whoever said that was mistaken. (subject)
I wonder what she is thinking. (object)
The truth is that I was scared. (complement)
Whether she will come is still uncertain. (subject)
Noun clauses can also start with if to indicate a choice or condition. These clauses are typically used as subjects or direct objects.
For example:
He needs to decide if he should accept the offer. (direct object)
Adjective Clauses
Function: Modify nouns or pronouns, providing more information about them.
Begin with: Relative pronouns (who, whom, whose, which, that)
Examples:
My mother, [whose last name is Ma], loves horses.
The cake, [which was decorated with fresh flowers], was delicious.
[The book that I borrowed] is overdue.
describes book.
[The woman who lives next door] is a doctor.
describes woman.
Begins with (where, when, why)
I am [the reason why she left].
[That time when we ate ten pizzas] was crazy.
[The place where my wife gave birth] is still there.
This is the [place where I was born].
[The book that I borrowed from the library] is overdue.
Adverb Clauses (Adverbial Clause)
ref –
Function: Modify verbs, adjectives, or other adverbs. They answer questions like how, why, when, where, to what extent.
Begin with:
Subordinating conjunctions (because, since, although, if, when, while, before, after, as…etc)
Say we have a sentence:
Mao became the leader of China
And another sentence that explains the above:
He (subj) consolidated (verb) power (obj) in 1902 (obj compl).
We need to add a subordinate clause to explain “how” of the verb became
If we add the subordinate conjunction after it becomes:
After he consolidated power in 1902
A subordinate clause needs a main clause.
After he consolidated power in 1941, Mao [became] the leader of China.
This type of subordinate clause is known as adverbial, because it explains the [how/why] for verb in the main clause.
Examples:
Because it was raining, we stayed inside. (modifies sentence ‘we stayed inside’)
He is taller than his brother is. (modifies adjective ‘taller’)
She sings whenever she feels happy. (modifies verb ‘sings’)
Best Friends explanation
A best friend is a very important person in our lives.
A best friend = subject
is = linking verb
a very important person = subj compl: noun
[3]
in our lives = prep phrase
Best friends are one of life’s treasures.
Best friends = subject
are = linking verb
life’s treasures = subj compl: noun
[3]
Best Friends = subject
are = linking verb
one of life’s treasures = subj compl: noun
[3]
A best friend is a real treasure.
Kennedy and Chris know the saying well.
Kennedy and Chris = subject
know = verb
the saying = object
[1]
well = adverb.
Rose is my real friend.
Rose and I like talking.
We both love dancing and listening to music.
We = subject
love = verb
dancing = gerund (object)
We = subject
[(love dancing = predicate1) and (listening to music = predicate2)]
Sometimes, Rose goes on holiday with her friends.
Sometimes = adverb at head
Rose = subject
goes = verb
[on holiday] = pre phrase
[with her friends] = prep phrase
New At School Explanation
Here are different ways to get along with your classmates
Here = subj
are = linking verb
different ways = subj compl (noun)
[to get along] infinitive phrase
[with your classmates] preposition phrase
We have collected the best tips to help you make friends at school.
We have collected the best tips
[to help you make new friends]
[at school].
A basic introduction is a great way to put yourself out there
A basic introduction = subject
is = linking verb
a great way = object
[to put yourself out there] infinitive phrase
If you say you are good at playing the piano, they will want to learn more.
Chongqing Night School Explanations
Chongqing, a city in Southwest China, is famous for its exciting nightlife.
1) nonessential information = a city [in Southwest China] (prep phrase)
2) Chongqing(subj) is(linking verb) famous (subj compl: adj) [3]
3) [for its exciting nightlife] (prep phrase)
But now, [something new is happening there].
Something new (subj)
is (linking verb)
happening (noun)
there. (adverb)
Young people are going to school at night to learn new things.
Young people(subj)
are (helping verb)
going (main verb)
[to school] // prep phrase
[at night] // prep phrase
[(to learn) new things]. // infinitive phrase
The special school(subj) is (linking verb) [in a park] (prep phrase).
It is not a normal school, but it is a place where you can learn.
It(subj) is(lv) not a (normal school) (subj compl: noun)
It(subj) is(lv) a place(subj compl: noun) [(where) you can learn] (subordinate clause).
Corruption in the West
Industrialist calls up and meets a US Senator who is on a procurement committee of the Pentagon and tells him to vote in favor of a policy that would help him win a $ 250 Million contract
In exchange the Industrialist offers to organize a Super PAC for the Senator and fund it with 2% or $ 5 Million plus offer the Senator to buy in 30,000 shares at $ 15 Million from his own shareholding by transferring the shares to the Senator without encashing the senators cheque
The Senator votes in favor of the Industrialist and makes a speech in his favor and uses his political favors to get the contract
Shares of the company rise 30% in the next 20 days and the Senator sells his shares and pockets $ 4.5 Million profit legitimately
Is this Corruption
A Senator gains almost $ 10 Million
Nopes
It’s absolutely legal and proper
It started with US, then UK, then Europe and now even in India – it’s absolutely legal
Adani Or Ambani can simply have his broker transfer 100,000 shares to a Minister responsible for tendering , not encash their cheques and when the shares rise – to transfer the legal profit to the minister and take back their shares
A ₹100/- fluctuation earns you ₹1 Crore of absolutely legitimate money
The US and the West claim whatever they do where they use undue influence as “Lobbying” and give it 100% legitimate status
Congressmen can be purchased when a Lobby group organizes a $ 5,000 a plate charity dinner and gets 1000 Rich Jews to attend the dinner
The Congressman pockets a cool tax free $ 5 Million and uses his campaign to buy a $ 2.5 Million House where he lives for a $ 100 monthly rent
In exchange he votes for more bombing of Gaza and Lebanon and a further $ 50 Billion for Israel
A Corrupt Lobby Group buys up 30 Million copies of Boris Johnsons book before it’s published and makes it a best seller and earns him £ 24 Million in Royalties
In exchange he lobbies up votes to allow Ukraine to hit Moscow with Storm Shadow Missiles and escalate a potential world War
Absolutely Legal!!!!!
You want to take over a Corporation owned site in the UK to build a Block of 50 Private Flats at £ 600,000 – £ 2 Million per flat
You allow the Head of the Local Committee who makes the decision to book a flat at cost of £ 200,000 (Cost of actual materials) and dont encash his cheque and when the flat is ready and sold for £ 600,000 or £ 700,000 – he sells the flat and pockets the £ 400,000- £ 500,000 profit
Legitimate Business!!!
So he gladly allows a Builder to build a block of Private Flats instead of 200 Council Flats that the average middle class or low income britisher can get for £ 250,000
Meanwhile :-
An Ordinary two bit cop eats a free meal in exchange for writing off a couple of parking tickets worth $ 100
Major Corruption and IA cans him and gives him a formal reprimand
A Bank Employee accepts a £ 10,000 business class vacation in exchange for quickly issuing a £ 2 Million Pound Loan and that’s corruption that warrants his dismissal and maybe even a corruption case
How can you make out what is Corruption when you yourself define what Corruption is ?
Thats the Difference
In the West – Corruption at higher levels are tolerated and encouraged and legalised
Yet the hypocrisy is that Lower level corruption is all that matters
In China – Corruption at the higher levels are absolutely and totally forbidden and crushed ruthlessly
Yet at the Lower Levels Corruption is tolerated and legalised
The West says since China has low level corruption – China is Corrupt
They make the rules right?
So both the West and China have corruption in their economy and society
In the West it’s Top layered
In China it’s low layered
The West says Low Level Corruption is what’s bad
China says Top Level Corruption is what’s bad
The West hammer the small fry and the average man for corruption
China hammers powerful people, industrialists and key party members for corruption
Ultimately – its a question of perception as to which system is better and which is worse
I live in India where both Top Level and Bottom Level Corruption is RAMPANT as hell so i can’t be the judge of this question
Dependent Clause vs Adverbial (Adverb) Clause
Dependent clause: A clause that cannot stand alone as a complete sentence. It needs an independent clause to make sense.
Adverbial (Adverb) clause: A type of dependent clause that functions as an adverb. It modifies a verb, adjective, or another adverb.
“Dependent clause” is a broad category.
|
|–“Adverbial clause” is a specific type within that category.
Here’s an analogy:
“Fruit” is like a dependent clause (a general term).
“Apple” is like an adverbial clause (a specific type of fruit).
Examples
Dependent clause: “that I saw yesterday” (This is a noun clause, acting as the object of the verb)
Adverbial clause: “because I was hungry” (This modifies the verb, explaining why something happened)
Key features of adverbial clauses:
They start with a subordinating conjunction (because, when, if, although, etc.).
They answer questions like how, why, when, where, to what extent.
They modify verbs, adjectives, or adverbs.
All adverbial clauses are dependent clauses, but not all dependent clauses are adverbial clauses.
Here are some more examples to illustrate
Adverbial clause:
“When the bell rang, the students left.” (modifies the verb “left”)
When = conjunction
the bell rang = clause
When + the bell rang = adverbial (adverb) clause
clause 2 = the students left.
adverbial clause “When the bell rang” modifies verb ‘left’.
Adverbial clause: “She was so tired that she fell asleep at her desk.” (modifies the adjective “tired”)
Dependent clause (noun clause): “I don’t know [what he said].” (acts as the object of the verb “know”)
Dependent clause (relative “adjective” clause):
“[The dog (that chased the cat)] is mine.” (modifies the noun “dog”)