"Human Nature" by Michael Jackson
What song makes you feel understood when no one else does?
I feel that Human Nature by Michael Jackson is the best fit for the prompt. It might just be because I'm a big Michael Jackson fan.
"Human Nature" by Michael Jackson
What song makes you feel understood when no one else does?
I feel that Human Nature by Michael Jackson is the best fit for the prompt. It might just be because I'm a big Michael Jackson fan.
"I Try" by Macy Gray
What's a song you initially disliked but now love?
I would say "I Try" by Macy Gray is the perfect song for this.
The first time that I heard this song, I was surprised that it was even on the radio. It was the early 2000s when I heard it -although it was released the year before- and I was of the opinion that singers had to be "perfect" or from the olden days of the 80s where they didn't know any better. I grew to appreciate the song and the singer and have been listening to here off and on over the years.
"Corner of the Earth" by Jamiroquai
What song feels like a secret between you and the artist?
"Corner of the Earth" is that track for me. It's something that I subconsciously seek out when I feel my world is spinning out of control. It helps feel centered and get back "on track".
I like sharing memes and articles with my friends. I also like saving links to things that I read so that I can follow up with them later
. I wanted to make it easier for me to share links to my page and document how I integrated it into the theme that I’ve been working on.
I’ve used plenty of great examples that I’m going to list below. I would not have been able to make this possible without learning from these write-ups. I hope that you check them out for any details that I may have missed or chosen to implement differently.
I’ll be adding the sharing and clipboard functionality by having an optional section that Matt Langford showed me how to create a while ago.
My first steps were to make sure that the buttons would fit in with the rest of the theme. Instead of having a picture, I thought it would be better to add the buttons below so you can see what they currently look like.
I added the following CSS to remove the default styling that is given to <button>
elements in CSS, and then added the element to the definition of what I call a lozenge.
|
|
Safari seems to have some issues when hovering over the button. I suspect that it has something to do with the combination of filter and borders. I’ve decided that I’ll come back to it at a later date.
Next, I added a partial called share-actions.html
to the theme in the plugin-container
aside found in single.html
. This means that I have to address a feature that I put in the template to hide this element if it didn’t have a set of different elements. I have written about it in a post called Labarum: Can I has Cheeseburger and Debugging.
|
|
I added button
to the list of items in order to get this working.
I then added two buttons to the partial that I created as a proof of concept that it’s working at this point.
This is the first time that I’ve worked with webcomponents and probably would not have used them if the example that I was copying being inspired by didn’t have step-by-step instructions.
I changed the contents of share-actions.html
partial to match up with the tutorial except for a little bit of wording and using the Hugo variables to populate the values as seen below.
<share-actions>
<p>Copy this link to share.</p>
<p><a href="{{ .Permalink }}">{{ .Permalink }}</a></p>
</share-actions>
I then create the file static\js\share-actions.js
to put the logic that we going to use and then paste the javascript from the tutorial. Furthermore, I then added the following line above to link to the javascript.
<script async type="text/javascript"
src="{{ "js/share-actions.js" | relURL }}">
</script>
The script is small, but I don’t want it to slow down the rendering of the page so I use the async
keyword. I use Hugo’s way of referencing the script and have placed it in the page instead of the head in the hopes that it’s only loaded when needed.
After this, the page renders to buttons properly and the functionality is complete.
Unfortunately, the buttons do not fit into the rest of the theme. I want the buttons to flow with the links that are created via Micro.blog plugins. This means removing the <ul>
and <li>
tags around the buttons. This causes other problems, as the code is written to have a <div>
become visible to alert the user that something has happened.
I spent a lot of time trying to understand position: fixed
and going back and forth over when and where things should show up when I remembered that I had spent a lot of time working on trying to make popovers1 work with the theme and that might be a better solution.
So, I changed the inserted HTML to the following.
<button class="button" data-method="share">
Share
</button>
<div role="alert" popover></div>
This allows me to go over the notes that I put together for my experiment with popovers last year.
I then changed the code from adding and removing the text to toggling the popover to show and hiding.
document.querySelector('[popover]')
in order to get the reference to open and close. This would allow me to define the popups outside of the javascript and have Hugo place information about the document. I decided to revisit this idea at a later time.light-dismisspopup so the user can click anywhere and the button should go away.
clearTime
. I wanted to make sure not to use .togglePopover()
as this might reopen the popover if it was dismissed by the user.I took what I had done from the previous work on popups and read over Animating dialog and popover elements with CSS @starting-style and How to Create Native Popovers in HTML Without JavaScriptof the tutorials that had come out since that time.
|
|
allow-discrete
.I don’t have much for this section as it was mostly trial and error as I tried to get it working in a way that I like.
I hope that you take this example and make something more with this. I’ve got about two dozen tabs open in order to get all the examples I needed in order to understand and then write this post.
It haunts me.
If this helps you in any way at all, I’d love it if you’d drop me a line.
Forgive me if I switch back and forth from popover and popup. I first learned about these in the early 2000s when they were annoying ads that took up bandwitdth and screen real estate. Popup blockers where needed in order to browse some parts of the web. ↩︎
"Tightrope (feat. Big Boi)" by Janelle Monáe
What’s a hidden gem you wish more people knew about?
Tightrope by Janelle Monáe is a wonderful track on a great album.
I really enjoy this track because it has a lot of energy and range. Janelle has a great voice and you just get this feeling that you kind of have to dance no matter how low things can get. I feel that this is a great companion to "Under Pressure" by David Bowie and Queen.
"Un-Break My Heart" by Toni Braxton
What song reminds you of your first heartbreak?
I actually don't have one specific to my first heartbreak but there is not that brings up that feeling and it's Un-Break My Heart by Toni Braxton. I think she's very talented and I don't hear a lot of talent with her voice in popular music.
But then again, I don't listen to a lot of popular music that isn't given to my by my family.
"Under Pressure" by Queen & David Bowie
Woke up and felt the whole world was on top of me.
Looking back on this, I'm wondering if it's possible to make murder boring. This movie has all the parts for something great but looking back on it, I don't really know how to feel about the work overall.
De Niro plays two characters that looks two similar. It's almost as if Superman and Clark Kent were in the same room. I guess the director wanted to showcase that they were a lot alike but doing things in completely different ways.
Life if short, money is tight, watch something else, and call it a night.
I went back and saw this film after watching Companion to get a feel for the two different movies. The movie really feels a little bit out of time. It has jokes that are still funny and poke fun at some many things that should be made fun of.
There are messages and jokes and just a lot of little things that I really enjoyed.🎬
This movie concept has been done before. What it comes down to is the execution and I feel the cast does a wonderful job of really bringing it <q>to life</q>.
My favorite part of this movie is actually the side characters and not the relationship between the protagonist and her boyfriend.
🎬