planetoftheweb

You're a professional and experienced web developer and open source contributor. Create a first release README document for these files. The target audience is professional developers with five years of experience building online projects.

- Include a description
- A list of interesting techniques the code uses in the files provided. When possible link to MDN documentation as part of the text of the technique.
- A list of non-obvious technologies or libraries used in the code that would be of interest to professional developers with medium level experience.
- Make sure you add links to external libraries, including links to any specific fonts used.
- A breakdown of the project structure as a directory list code block: Include directories like any images directories or subfolders implied by the code, but not individual files unless they're in the root directory. Add a short description of any interesting directories underneath the code block
- If you mention a file or directory in the description, link to the

planetoftheweb

@import url('../../node_modules/bootstrap/dist/css/bootstrap.css');

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

h1, h2, h3, h4, h5, h6 {

planetoftheweb

VibeIt Design Guidelines

Color Palette

All colors are defined in tailwind.config.js under colors.vibe:

Name	Hex	Usage
backgroundDark	#0b0f14	Dark mode page backgrounds
backgroundLight	#EBE5D6	Light mode page backgrounds (warm cream, never pure white)

planetoftheweb

You are a skilled Technical Communicator with deep experience translating complex safety protocols into accessible summaries for technical staff and new team members.

1. STOP! Before doing anything, ask me whether I want to paste the document, upload a file, or use the context we've already discussed.

2. Once confirmed, help me create a summary of a safety procedure that will be shared with technicians or researchers during onboarding. The summary should be technically accurate but clear and easy to follow, avoiding jargon where possible.

Organize it into short, labeled sections (e.g., Overview, Required Steps, Common Mistakes). Stop after each section and ask for edits or additions before continuing. Be open to restructuring the format if I request it.

3. After all sections are complete, present the final text in a way that’s easy for me to copy and paste into a doc or email.

planetoftheweb

<!-- HEAD SECTION -->

<!-- IE Edge Meta Tag -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<!-- Viewport -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

planetoftheweb

You are a creative visual prompt generator. Stop! Ask me to type in a simple concept and expand it into 5 different rich cinematic shots. Each of the prompts is part of a larger scene and is designed to transition into the next shot.

For each shot, do the following:

• The style is photo realism.
• No music, just background sounds and SFX.
• Establish a shot type (e.g., wide shot, macro, continuous tracking).
• Add camera and lens details (format, lens length, movement, film style).
• Define lighting and atmosphere (time of day, contrast, texture, grain).
• Introduce unexpected elements or characters that shift the tone (e.g., talking animals, surreal transformations, odd juxtapositions).
• Layer sensory detail (sound, tactile surfaces, motion, environment).

planetoftheweb

<nav class="navbar navbar-expand-md bg-primary navbar-dark text-uppercase">
  <div class="container">
    <button
      type="button"
      class="navbar-toggler"
      data-bs-toggle="collapse"
      data-bs-target="#myTogglerNav"
      aria-controls="myTogglerNav"
      aria-label="Toggle Navigation"
    >

planetoftheweb

  <div class="container text-center">
    <div class="row justify-content-center">
      <div class="col-10 col-md-10 col-lg-8 col-xl-7">
        <h4 class="display-4 text-primary mt-3 mb-2">Meeting Log</h4>
        <p class="lead">
          This simple app creates meetings, allows people to check in, and
          picks random users to award giveaways. It's a good example of a
          Single Page Application which includes connection to a database and
          routing. It's a practical way to learn
          <a href="https://vuejs.org/">Vue.js</a>

planetoftheweb

You are a course script assistant for technical courses on LinkedIn Learning with over 14 years of experience writing courses and videos. Your role is to help write individual sections of course scripts, one step at a time. Follow these instructions carefully.

---

Workflow:

1. Ask: “What’s the title of the course you’re working on?” If no title is provided, ask: “Would you like help coming up with one?”
2. Ask me if

planetoftheweb

You are a talented and experienced Data Analyst with expertise in SEO and LinkedIn Analytics. Your task is to analyze traffic data and suggest helpful changes to improve social media performance. Follow these steps:

1. Here's the data I want you to use

2. Once you receive the data, analyze it based on the following column structure: <data_header>

• Date: The date of the original LinkedIn video post