sooperlooper

sooperlooper is really great I forgot.
I was missing mobius and looking around for that one but it hasnt been updated in years and now it wont run on modern macs.
its sad thats a dead project because that was my favourite looper on windows.

was digging around. I tried superlooper before but it wasnt jiving.

Tried installing it again this time it said the typical mac warning
I think thats what stopped me last time
the work around is you hod ctrl (or was it alt?)
and it gives you the option to run the file.

AND IT WORKED!! i was able to load it in auhost.
next problem i wasn't getting audio.

• you need to turn up the monitoring. ( theres 2 monitoring options)
• turn up main monitor!
• IT WORKS!

last time i went down a rabbit hole trying to get jack installed on mac. you don't need to mess around with that if you run the au plugin.

css selectors

the example html

<div>
    <p>Paragraph 1</p>
    <span>Span 1</span>
    <p>Paragraph 2</p>
    <span>Span 2</span>
</div>

The Tilde

element ~ sibling {
    /* CSS styles */
}

This selector will match all sibling elements that come after the specified "element" in the HTML structure, provided they share the same parent element.

how is that different from p > span {} ?

he difference lies in the specificity of the selectors and the elements they target.

p ~ span {}: This selector targets all elements that are siblings of

elements, regardless of their depth in the HTML structure. It selects any that comes after a

within the same parent element.

p > span {}: This selector targets all elements that are direct children of

elements. It only selects elements that are immediate children of

elements, not any deeper in the hierarchy.

So, the key difference is in how they select elements based on their relationship in the HTML structure. The ~ combinator selects siblings that come after a specified element, while the > combinator selects direct children of a specified element.

whats the difference between p > span {} and p + span {} ?

The difference between p > span {} and p + span {} lies in the relationship they specify between the

and elements:

1. p > span {}: This selector targets elements that are direct children of

   elements. It selects elements that are immediate descendants of

   elements.

2. p + span {}: This selector targets elements that are immediately preceded by a

   element. It selects the first sibling that directly follows a

   element in the HTML structure.

• With p > span {}: Only "Span 1" would be selected because it is a direct child of a

  element.

• With p + span {}: Only "Span 2" would be selected because it immediately follows a

  element.

css selectors similar to regex

In CSS, there are several selectors that resemble regular expressions in their pattern matching capabilities. These selectors allow you to target elements based on patterns in their attributes or content. Some of the commonly used ones include:

1. Attribute Selectors: These selectors allow you to target elements based on the presence, value, or partial value of their attributes.

   • [attr]: Selects elements with the specified attribute.
   • [attr="value"]: Selects elements with the specified attribute and value.
   • [attr^="value"]: Selects elements with the specified attribute and a value that begins with "value".
   • [attr$="value"]: Selects elements with the specified attribute and a value that ends with "value".
   • [attr*="value"]: Selects elements with the specified attribute and a value that contains "value" anywhere within it.

2. Pseudo-classes: These selectors allow you to target elements based on their state or position in the document.

   • :nth-child(n): Selects elements based on their position among their siblings.
   • :nth-of-type(n): Selects elements based on their position among elements of the same type.
   • :not(selector): Selects elements that do not match the specified selector.
   • :first-child, :last-child: Selects elements based on their position as the first or last child of their parent.
   • :first-of-type, :last-of-type: Selects elements based on their position as the first or last of their type among siblings.

3. Combination Selectors: These selectors allow you to combine multiple selectors to target specific elements.

   • selector1, selector2: Selects elements that match either selector1 or selector2.
   • selector1 selector2: Selects elements that are descendants of selector1 and also match selector2.
   • selector1 > selector2: Selects elements that are direct children of selector1 and also match selector2.

While CSS selectors are not as powerful or flexible as regular expressions, they offer a wide range of options for targeting elements based on various criteria within the document structure and attributes.

css for safari reading list

you can export your reading list on desktop buts its ugly and unstyled by default. its a bunch of dt and dl tags (you don't see those often in the wild.

1. use emmet ! tab to make some boilerplate html
2. include this stylesheet (or create style tag)
3. enjoy

	body, a{
		background-color: #333;
		font-family: monospace;
		color: #888;
		display: inline-block;
		padding: 10px;
		margin-bottom: 10px;
		text-align: center;
		width: 90%;
		
	}
	dt >a {
		background-color: #444;
		border-radius: 10px;
	}
	 a:hover {
			color: black;
		}

css reset stylesheet

good way to override default browser styles at the head of a sheet before starting a project.

*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

how to make appointments with google forms

choice eliminator lite is the plugin you add.
it removes options from the list as they get picked.
you can use it to schedule appointments.
another use could be for a potluck,
to maintain unique records.
prevent duplicate items like john bringing the hotdogs
jimmy wont see an option for hotdogs if its already been picked.

practical sheets
this guys channel is amazing for Gapp scripting things.

going mad with broken links on github pages

when working on my site locally in the config.toml I change baseURL to "/" but when i put it on github I sometimes forget what its supposed to be.

baseURL = 'https://bweew.github.io/site1/'
canonifyURLs = true

• canonifyURLs fixes it if you have relative and absolute links in the mix but I also read it can make it worse if you dont have your baseurl set properly??

how to optimize your webpage - page speed insights

page speed insights
pretty cool tool it analyzes your websites loading times, accesibility, gives you tips to improve SEO, performace, best practices.

netlify cms troubles

I modified Eric Murphys hugo theme to my liking (dark themed), set it up to work with both quiqr as well as with decap cms. Had a link to it on netlify but have since removed it because I received an email from blogger saying my post was taken down for violating their TOS for malware!! going through all the code I don't see anything wrong with what I posted. when you visit the site you get redirected to a red page saying its deceptive and may be phishing. I've read that google will remove it from showing up in searches. I was reading the terms that you could get your blog deleted for repeat violations its scary because I don't understand what I did wrong in the first place. Im learning alot rn about setting verification for google search console to get more detailed error reports for websites. Ive read about people getting locked out of their netlify accounts in 2023 when some automated tool flagged uses as malicious. read about people who had sites with them and were managing multiple clients to get locked out suddenly. very scary if your building sites for people and your trying to make it easy for them by setting them up with a cms only to have the login page redirect to a red page warning about bad things. potentially disastrous for peoples reputations. Its eye opening, Im thankful this was just my test site, im disappointed though i Put a lot of time in trying to figure out how to use netlify to deploy now im thinking twice after seeing what could potentially go wrong. Ive read horror stories about people sharing their portfolios on linkedin and getting blacklisted because of things like this. It makes sense that the spammers are using free platforms to build accounts. Im still not entirely what the solution is. I think the netlify.app name on my site might be it but i had another link and that one seems to not trigger any problems? 

---

the demo template for decap cms is many mbs. I get that they want to show off all their features but its almost a gig. eric murphys setup guide to netlify cms His template was what actually got me started using decap cms. The one they give you I didn't like it had too many mandatory fields.I prefer his because It is just enough to get started and not too much that its overwhelming.

imported some of my blog posts(from blogger then to wordpress to test wp post export feature) The template was simple enough to actually dig in and start to figure out what the files actually do and how they work.

reading through the decap docs on shortcodes they had a link to this to help you embed youtube videos (the instagram one is useless since they stopped access to their API) saw the same guy made a perfect hugo theme. Hugo-Theme-Serial-Programmer

I modded it to get rid of the cyan links, removed the social buttons, made the hover actions smaller. But other than that I think its a perfect basic blog template. I like this theme alot

• jetbrains mono font
• dark grey easy on the eyes
• 10 out of 10

heres my version of the theme set up the models in quiqr cms to be able to build pages locally on my mac or linux or using decap cms on my phone.

I had trouble getting the login to work on manual installs instead of using the template. I found other people with had the same problem 

easy work around

because it takes you to root of your site
to fix this you have 2 options

• put /admin/ before the token
• or create the 4 html files in /static/admin
• index, invitation, changeemail, confirmation

lorem ipsum but for photos

picsum
WOW this is great! you specify the dimensions in the url and what you want and you get a different one each time. I was modding the serial programmer theme to my liking, preparing it for use with decap cms as well as quiqr cms and noticed the pictures were different each time. Looking at the source I saw that url. very cool!

free sites for e-commerce

gumroad - can sell digital products - they charge 10% on sales ecwid (next teir is 20$ a month or 15$ if annual) - can't sell digital goods on free tier - 5 product limit big cartel - 5 product limit - Sell online & in person - mobile app - 10$ a month gives you inventory tracking

how to setup decap cms for local development

in your hugo site /static/admin/config.yml add a line with:

local_backend: true
# run hugo serve and below command in ur site
#npx netlify-cms-proxy-server

that way you don't waste your netlify builds configuring your site.

migrate blogger/wordpress to hugo blog

blog2md
there is also this wordpress plugin that lets you export your wp to hugo

Hugo themes

Anubis2
Classless Blog

things i learned about singing today

Larynx tips

• lip trills
• tongue trills

These exercises help you internalize the feeling of a lowered larynx because to maintain the buzz tone your technique has to be correct. Using this as a diagnostic feedback is very useful.

Tips on placement

“biting an apple”

imagine your biting an apple opposed to yawning. thinking of a spectrum with the pharyngeal NG forward sound on one end and back of the throat roundness of a yawn. Apple bite is the best of both gives you a more balanced tone if your leaning too far in either direction.

dissecting vocal techniques under a microscope and dipping into extremes is useful to understand techniques but its nice to have something that helps you recalibrate back to normal.

I Like to learn by experimenting and feeling what too much feels like and working back from there. The learning and unlearning processes.

sing high notes without falsetto video by power to sing.

things i learned about singing today

Larynx tips

• lip trills
• tongue trills

These exercises help you internalize the feeling of a lowered larynx because to maintain the buzz tone your technique has to be correct. Using this as a diagnostic feedback is very useful.

Tips on placement

“biting an apple”

imagine your biting an apple opposed to yawning. thinking of a spectrum with the pharyngeal NG forward sound on one end and back of the throat roundness of a yawn. Apple bite is the best of both gives you a more balanced tone if your leaning too far in either direction.

dissecting vocal techniques under a microscope and dipping into extremes is useful to understand techniques but its nice to have something that helps you recalibrate back to normal.

I Like to learn by experimenting and feeling what too much feels like and working back from there. The learning and unlearning processes.

sing high notes without falsetto video by power to sing.

wordpress sqlite docker container

wordpress sqlite docker
my first time using docker wow.
struggling before to get the sqlite plugin to work in my xampp install of wordpress. kept fighting the permissions. by default everything is locked down heavy but that just lead me to heavy handedly chmodding all the permissions wide open to install themes (kind of gives me anxiety). The whole reason I was looking for sqlite was to run wordpress on my ipad.

Theres only a few php IDEs on ios. Draftcode ships with wordpress, phpmyadmin and sqlite. I went with webforge which has a more modern version of php.

darkness blog by adore themes

I like this wordpress theme alot darkness blog

quick wordpress with wp-now node package

wp-now
uses wp-playground, wordpress with an sq-lite db in browser with wasm php pretty cool

blogger to wordpress to static site (dark theme)

I like this theme
dark elements
exporting my blogger blog as xml in the settings
then use blogger importer to import it into wordpress
tweak it a bit, then export the static site with wp2static
the elementor plugin is great for quickly laying out a site.
I like that I don't have to be stuck with wordpress this way.
WP kind of makes me anxious from what I read about it being hacked all the time. WP tends to get slow really easily with plugins so this is a cool work around. of course theres HTTrack for cloning sites.

Ive been liking hugo with this CMS called Quiqr took a little tweaking but I managed to convert my site with the coder theme to work. Tried a few other themes but too much hassle figuring out front matter as its not standardized across themes. Some fields just didn't populate. docs only get you so far. Seemed really promising but hasn't seen any action since 2022.

fav brass patch for chipsynthmd Portafm

synthbrass 2 under DMXOPLL under wind category its simiarl to patch 24 horn on my yamaha pss170. Its a very soft brass patch blends nice with vocals quite possibly one of the greatest patches on the pss170