avatarJoe Luca

Free AI web copilot to create summaries, insights and extended knowledge, download it at here

2236

Abstract

was an issue remaining. The document used dark theme and the content in the external page used white background.</p><p id="0afe"><b>Hack 2: </b>Use dark-reader to automatically generate css for your external page</p><p id="f222">You can use <a href="https://darkreader.org/">dark-reader</a> to automatically apply dark style to your page. There are two options. First is to use dark-reader in your project via npm and apply dark theme automatically. For my case, this was a bit overkill and I choose the second option. Second option is to generate and export css file corresponding to dark theme of your external page and then adding that style-sheet to our <code>iframe</code>.</p><p id="df41">First install the <a href="https://darkreader.org/">dark-reader</a> add-on/extension to your browser. I have done it on Firefox. Then open your external page in that browser and enable the dark-mode in dark-reader add-on.</p><figure id="54a0"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*akq4Mmrutw6XTVdZMY9VBQ.png"><figcaption>dark-reader add-on in Mozilla Firefox</figcaption></figure><p id="ded5">When you enable dark-mode, the dark-reader has generated and applied appropriate styling to make your page dark-themed. It works great. You can also tweak around and set brightness, and contrast as well as use developer tools to further customize the design. Once you are happy with the design, click on the dark-reader browser-action button to open the popup menu and click on settings.</p><figure id="af34"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*B_-rTeDGalYJ-Ci6nyyapg.png"><figcaption></figcaption></figure><p id="0ea2">This will open up the settings view as displayed below.</p><figure id="bac9"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*dqdeQaWkTj38obrpRLEoVg.png"><figcaption></figcaption></figure><p id="1b63">Click on Manage settings and then on <b>Export Dynamic Theme</b>.</p><figure id="504a"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*eoK7sNZcYxZF-xWQ3NjEIg.png"><figcaption></figcaption></figure><p id="2bb4">Great job! This will download a css file that you can add to your page to apply the styles for dark theme. Hmmm… So far so g

Options

ood. I believe most of you would do the rest of the stuff on your own, but for the sake of completeness let us add a few lines of code to the event-listeners that we created in Hack1.</p><p id="2a64">Save the css file that was downloaded by the dark-reader as <code>dark-theme.css </code>in the <code>/public</code> directory of your Next.js app. Now, add following lines inside the <code>"load"</code> event-listener.</p><div id="d14f"><pre>const link <span class="hljs-operator">=</span> doc.createElement(<span class="hljs-string">"link"</span>)<span class="hljs-comment">;</span></pre></div><div id="e451"><pre><span class="hljs-attr">link.rel</span> = <span class="hljs-string">"stylesheet"</span><span class="hljs-comment">;</span></pre></div><div id="d811"><pre><span class="hljs-attr">link.href</span> = <span class="hljs-string">"/dark-theme.css"</span><span class="hljs-comment">;</span></pre></div><div id="214b"><pre>doc.head.appendChild(link)<span class="hljs-comment">;</span></pre></div><p id="caa5">Next time when you do this, you will be able to add existing HTML files to your project with custom themes in much lesser time than the time you spent reading this document.</p><p id="3a9a">Wish you all the best and happy coding!</p><p id="ad6f">Interested in building career in web development? Checkout E-degree in JS Frameworks</p><div id="2976" class="link-block"> <a href="https://www.eduonix.com/javascript-frameworks-mini-edegree/UHJvZHVjdC00NDExNjgw"> <div> <div> <h2>JavaScript Mini E-Degree: Master JS Frameworks To The Core!</h2> <div><h3>A perfect mini-e-degree suitable for everyone who wants to master JavaScript effectively without wasting any time…</h3></div> <div><p>www.eduonix.com</p></div> </div> <div> <div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/0*OBLf0FHe3Jrk8Lbg)"></div> </div> </div> </a> </div><p id="79c1">Or my course on <a href="https://www.udemy.com/course/react-and-next-js-with-typescript/?referralCode=7202184A1E57C3DCA8B2">React + Next.js with TypeScript</a>.</p></article></body>

Writing|Emotions|Images

Writing: Beyond Words and Sentences

What Lives between the Lines?

Image from Pixabay — KELLEPICS

Above my desk is a small shelf where I keep my collection of books on writing. Ones that I have read a dozen times until their admonitions and pleadings have settled down into my subconscious and allowed me the freedom to focus on other things.

These other things are what this article is all about.

We’ve all read the books, taken the classes, endured the edits and endless revisions and have stepped back bleary-eyed from our creations, with a little bit less love for them than we had when we started.

We are easily bruised while being creative. Easily diminished in our love for the written word. Having the wind ripped from our sails, leaving us idle and alone in calms waters is not a whole lot of fun. But it is part of becoming a writer. But only a part.

It’s the life we lead between the lines that keeps us going. Ducking between the nouns and prepositions. Stepping aside to let the verb clause whiz past, as we go about crafting the perfect sentence that allows our thoughts, our humble images to make the leap from our minds to those of our readers.

VOICE

I believe I was in the second grade when I first heard the term voice used to describe how a person spoke or communicated his ideas to another. My teacher was a passionate and clever woman and while reading one of our “interesting” stories, she tried to get this concept across. The message was a little steep for most of us in class, but I loved her for trying.

And I remembered what she said and eventually, it stuck and became my own.

Voice, is the process a writer uses to distill who they are, how they feel and what they think about life and the world around them into words and sentences, that carry a little bit of them in every syllable.

It helps to translate the mundane into the weird and exceptional so that the reader begins to know who you are and how you see things around you.

When I write, I want all my life experiences to echo through each paragraph. I will give a telephone or a toaster a name and a personality, if that little bit of literary magic, will help get the idea and image I have in my head to migrate over into the reader’s.

Voice is passion and purpose and whimsy, carefully woven into our words and sentences and lovingly sent on their way.

MESSAGE

What’s on your mind, is another way of putting it.

I turned an experience with an English ghost, in a place called, Blackwell’s Hollow, into a story that I eventually sold to a children’s magazine years ago. I wanted to convey the idea that we don’t know everything of the world around us. Somethings are unexplained. Somethings are magical, and believing in magic, is totally okay.

There’s the story or article and then there’s the reason for telling it, which is different. And in my opinion, usually more important.

The reason you want to share something; the impetus for getting that first and fourth draft done, will come across if you give it rein enough to do so. Let it show you the way, and the right words will follow.

IDEAS & IMAGES

Back in the day, on the street corners of Brooklyn, I met some great storytellers. These fellas could talk for an hour about the bus ride they took to the dentist and have you sitting on the edge of the curb, waiting for the next line. Filled with images and laughter and mimicry, each story was a journey through their perceptions.

You got a chance to see the world as they saw it and experienced it, as if on a guided tour. They shared their feelings, their fears, the joy they felt and the anger that came when being alone.

When I write, I try to paint an image inside the reader’s mind. Not full and complete, there’s no fun in that. But an image clear enough to know what it is, but incomplete enough for the reader to spend their valuable time putting the finishing touches on it.

I can tell them what color the old house was. But I’d rather express the loneliness that drifts through me every time I walk past it; the faded gray shingles, like tombstones, too long in the sun. The door that creaks in the wind and forces people to look away.

It’s the art and it is one, of painting that idea or image into their mind from a thousand miles away.

TRANSFERENCE — FROM MY MIND TO YOURS

I think of the Vulcan Mind Meld and Mr. Spock, when I talk about this concept.

When I look into the eyes of a painting done by Rembrandt, I am drawn in fully and willingly. I can hear the tired breath of the old merchant exhaling as he waits patiently for the master to finish.

When I stare into The Starry Night by Vincent Van Gogh, I can feel the cool breeze blowing against my face. I sense the darkness, not just in the sky, but in the artist’s heart and mind. I ache just a little. In part from my knowledge of his life, but mostly from the emotions that were captured and held in the paint itself.

I struggle in my own efforts to be like these artist — I can dream. I want my words and my sentences to perform the same task. To transfer what I’m thinking and seeing into the reader’s mind. If I can achieve this from time to time, I am happy. When I do it well, I know at that moment, why I write.

BUILDINGS BLOCKS AND TRAIN TRACKS

A bullet train goes nowhere without the tracks laid before it. A building goes nowhere as well, without a solid foundation beneath it.

All the books on writing that I mentioned above, should be read and reread and when traveling to Grandma’s house in Boston — read yet again.

These provide the building blocks, along with constant practice, that allows the writer the eventual freedom to cast seeds into the wind, knowing with some sense of certainty, that they will eventually take root and bloom.

Writing is all about communicating. The same as with fine art, music, photography and every other form that allows the free expression of our dreams and ideas.

The great gymnast, Simone Biles, does not think: left foot, right foot, knees bent, leap, land with both feet together…. She just does it with amazing grace and strength because she has done it a thousand times before.

Practice might not make perfect, but it will make it easier to live and write between the lines.

Joe Luca is writer and editor for ILLUMINATION and a published author and writer of children’s stories, short fiction, non-fiction articles, screenplays and poetry. Publications include Child’s Life, Children’s Playmate and others. There are some other articles below — have a read. And thank you for stopping by.

Sherry McGuinn Tree Langdon Caroline de Braganza P.G. Barnett Paul Myers MBA Selma Amy Marley Ann Venkataraman Karen Madej Dr Mehmet Yildiz Britni Pepper Geetika Sethi

Writing
Writing Tips
Imagination
Emotions
Art
Recommended from ReadMedium