ace4port

Chat GPT "DAN" (and other "Jailbreaks")

• https://chat.openai.com/
• Is ChatGPT "DAN" Real? Gonna find out [Part 1]
  (https://www.youtube.com/watch?v=-q8woRG9FrI)
• Part 2: I thought ChatGPT DAN was a hoax, but...
  (https://www.youtube.com/watch?v=rHZRrDu3A2U&lc=UgxfrxX8aK7gnCzkend4AaABAg)

ace4port

Pure ESM package

The package that linked you here is now pure ESM. It cannot be require()'d from CommonJS.

This means you have the following choices:

1. Use ESM yourself. (preferred)
   Use import foo from 'foo' instead of const foo = require('foo') to import the package. You also need to put "type": "module" in your package.json and more. Follow the below guide.
2. If the package is used in an async context, you could use await import(…) from CommonJS instead of require(…).
3. Stay on the existing version of the package until you can move to ESM.

ace4port

::before & ::after - the content property

A Pen by Kevin on CodePen.

License.

ace4port

::before & ::after - designing awesome stuff

A Pen by Kevin on CodePen.

License.

ace4port

<div class="page">
	<header class="header">
		<h1 class="header-title">Simple CSS loaders</h1>
		<p class="header-subtitle">single html element css animation</p>
	</header>
	
	<main class="container">
		<div class="item">
			<i class="loader --2"></i>
		</div>

ace4port

<div class="page">
	<header class="header">
		<h1 class="header-title">Kinetic CSS loaders</h1>
		<p class="header-subtitle">single html element css animation</p>
	</header>

	<main class="container">
		<div class="item">
			<i class="loader loader--2"></i>
		</div>

ace4port

Specification,Keyword,RGB hex value
CSS Level 1,black,#000000
CSS Level 1,silver,#c0c0c0
CSS Level 1,gray,#808080
CSS Level 1,white,#ffffff
CSS Level 1,maroon,#800000
CSS Level 1,red,#ff0000
CSS Level 1,purple,#800080
CSS Level 1,fuchsia,#ff00ff
CSS Level 1,green,#008000