My mom called with some important information. It seems that Karissa has a bank account with a considerable amount of money in it that my dad opened. However, my mom can’t access the account to transfer any funds to Karissa because Karissa needs to be present to sign in person. Since Karissa is of age, my mom can’t get her an ATM card without her signature.
In addition, my mom is considering opening an account for Alexis and would like to add the girls’ names to my mom’s account. This means Alexis will need to be present to sign the necessary documents as well. My mom was wondering if I could drive the girls out to California, possibly this summer, to take care of all the banking arrangements. She wants to ensure that if anything happens to her, the girls will have access to the funds. I’m just trying to figure out how to manage the drive to California. I don’t drive anymore. My eyesight isn’t that great. I can drive during the day but once it gets dark, I can’t drive. My mom offered money for the trip if I needed it.
Although my mom explained, some of the details still feel somewhat unclear. She isn’t the best at conveying information, which might explain my own challenges with communication. Tommy mentioned that we can reflect on this later. It is quite a bit to consider, and there’s no rush to address it during the summer. I just thought that traveling with the girls might be easier during that time.
My mom has been surprisingly nice to me, which feels unusual. It’s clear she wants to see the girls, and this banking situation presents an opportunity for her to do so. I find it difficult to concentrate right now because this is all that’s on my mind. I mentioned it to Karissa, and she asked why the matters couldn’t be handled via email. I explained that it’s probably bank policy requiring her presence to assume control of the account and sign necessary documents. I haven’t discussed it with Alexis yet; I plan to wait until she’s home. It will be easier to talk in person rather than through text or a phone call.
Let’s see, coding. We are still working on CSS. Today it’s functions and properties. I’m starting to like CSS a little more. It’s a lot to remember, but it is fun to do.
Oh! My computer! Last night, Tommy came into the living room and asked if I realized that I had two video cables connected to a single card. I had no idea! I thought I was supposed to connect both cables to my video card, and I assumed I had set it up correctly. Tommy helped and resolved the issue for me. I think I may have given him a headache in the process—oops! Haha. I wonder if this will also address the issue I’ve been having with it not turning on consistently. I’ll check on that later.
I’m having quite an eventful day. Earlier, I was preparing hot chocolate in my favorite blue cup. After pouring in the hot water and beginning to mix, the cup suddenly cracked—running all the way down to the bottom. Hot chocolate spilled onto the counter, and I quickly rushed the cup to the sink before discarding it. After cleaning up the mess, I decided to make myself another cup of hot chocolate. Sadly, my poor blue cup is no longer with me.
Tommy has saxophone practice tonight, so I think I’ll either play some Portal 2 or catch up on YouTube videos. I’ll be heading to Walmart shortly after Kel gets home to pick up my medication. I hope I don’t need to request a refill again, as I received the last notice yesterday to pick up my meds.
———————-
Coding notes
———————-
CSS functions are special constructs in Cascading Style Sheets (CSS) that perform specific tasks, such as manipulating values, retrieving information, or applying transformations. They usually take arguments enclosed in parentheses and can be used in a variety of properties to enhance styling and functionality.
Some common categories and examples of CSS functions:
Color Functions
These manipulate colors or specify them dynamically.
rgb() / rgba(): Define colors using red, green, and blue values, with optional alpha (opacity).
color: rgb(255, 0, 0); /* Red */
background-color: rgba(0, 0, 255, 0.5); /* Semi-transparent blue */
hsl() / hsla(): Define colors using hue, saturation, and lightness, with optional alpha.
color: hsl(120, 100%, 50%); /* Bright green */
color(): Define colors in advanced color spaces (e.g., Lab, LCH).
color: color(display-p3 1 0.5 0); /* P3 color space */
Mathematical Functions
Perform calculations to dynamically define property values.
calc(): Combine values and units with mathematical expressions.
width: calc(100% – 50px);
min() / max(): Return the smallest or largest value among arguments.
width: min(50%, 500px);
clamp(): Set a value within a defined range (min, preferred, max).
font-size: clamp(1rem, 2.5vw, 3rem);
Shape Functions
Define shapes for properties like clip-path.
circle(): Define a circular shape.
clip-path: circle(50%);
ellipse(): Define an elliptical shape.
clip-path: ellipse(50% 25%);
polygon(): Define a polygon by specifying vertex coordinates.
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
URL Functions
Retrieve external resources like images or fonts.
url(): Specify the location of external resources.
background-image: url(‘image.jpg’);
Timing Functions
Define how animations and transitions progress.
cubic-bezier(): Create custom easing curves.
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
steps(): Define animations with discrete steps.
animation-timing-function: steps(5, end);
String Functions
Manipulate or use strings.
attr(): Retrieve the value of an HTML attribute (used in generated content).
content: attr(data-title);
Transform Functions
Apply transformations to elements.
rotate(): Rotate an element.
transform: rotate(45deg);
scale(): Resize an element.
transform: scale(1.5);
translate(): Move an element.
transform: translate(10px, 20px);
matrix(): Apply complex transformations using a transformation matrix.
transform: matrix(1, 0, 0, 1, 10, 20);
Filter Functions
Apply visual effects to elements.
blur(): Apply a blur effect.
filter: blur(5px);
brightness() / contrast() / grayscale(): Adjust visual properties.
filter: grayscale(100%);
