urlscan.io logo urlscan.io
SecurityTrails logo

filling-the-gaps.dev.merge.pt Open in urlscan Pro
85.31.236.187  Public Scan

Back to summary
URL: https://filling-the-gaps.dev.merge.pt/
Submission: On December 09 via api from US — Scanned from PT

Form analysis 1 forms found in the DOM

<form class="space-y-8">
  <div dir="ltr" data-orientation="horizontal" class="w-full">
    <div role="tablist" aria-orientation="horizontal" class="h-12 items-center justify-center rounded-full bg-muted p-1.5 text-muted-foreground grid w-full grid-cols-[1fr_1fr_1fr] sm:grid-cols-3" tabindex="-1" data-orientation="horizontal"
      style="outline:none"><button type="button" role="tab" aria-selected="true" aria-controls="radix-:R1ud7:-content-about-you" data-state="active" id="radix-:R1ud7:-trigger-about-you"
        class="inline-flex items-center justify-center whitespace-nowrap rounded-full px-3 py-2 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm data-[state=active]:font-semibold [&amp;>.number]:bg-muted-foreground [&amp;>.number]:text-muted [&amp;>.number]:data-[state=active]:text-white [&amp;>.number]:data-[state=active]:bg-primary"
        tabindex="-1" data-orientation="horizontal" data-radix-collection-item=""><span class="number flex justify-center items-center p-1 text-[.6rem] leading-none w-4 h-4 text-center rounded-full mr-1 sm:mr-2">1</span><span
          class="sm:hidden">You</span><span class="hidden sm:inline">About You</span></button><button type="button" role="tab" aria-selected="false" aria-controls="radix-:R1ud7:-content-about-story" data-state="inactive" data-disabled="" disabled=""
        id="radix-:R1ud7:-trigger-about-story"
        class="inline-flex items-center justify-center whitespace-nowrap rounded-full px-3 py-2 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm data-[state=active]:font-semibold [&amp;>.number]:bg-muted-foreground [&amp;>.number]:text-muted [&amp;>.number]:data-[state=active]:text-white [&amp;>.number]:data-[state=active]:bg-primary"
        tabindex="-1" data-orientation="horizontal" data-radix-collection-item=""><span class="number flex justify-center items-center p-1 text-[.6rem] leading-none w-4 h-4 text-center rounded-full mr-1 sm:mr-2">2</span><span
          class="sm:hidden">Narrative</span><span class="hidden sm:inline">About the narrative</span></button><button type="button" role="tab" aria-selected="false" aria-controls="radix-:R1ud7:-content-generated-story" data-state="inactive"
        data-disabled="" disabled="" id="radix-:R1ud7:-trigger-generated-story"
        class="inline-flex items-center justify-center whitespace-nowrap rounded-full px-3 py-2 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm data-[state=active]:font-semibold [&amp;>.number]:bg-muted-foreground [&amp;>.number]:text-muted [&amp;>.number]:data-[state=active]:text-white [&amp;>.number]:data-[state=active]:bg-primary"
        tabindex="-1" data-orientation="horizontal" data-radix-collection-item=""><span class="number flex justify-center items-center p-1 text-[.6rem] leading-none w-4 h-4 text-center rounded-full mr-1 sm:mr-2">3</span><span
          class="sm:hidden">Generated</span><span class="hidden sm:inline">Generated Story</span></button></div>
    <div data-state="active" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-:R1ud7:-trigger-about-you" id="radix-:R1ud7:-content-about-you" tabindex="0"
      class="ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 mt-6" style="animation-duration:0s">
      <div class="rounded-lg border bg-card text-card-foreground shadow-sm">
        <div class="p-6 pt-6">
          <div class="space-y-6">
            <div class="space-y-2"><label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" for=":Ralud7:-form-item">Your Name</label><input
                class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm"
                placeholder="Enter your name" id=":Ralud7:-form-item" aria-describedby=":Ralud7:-form-item-description" aria-invalid="false" name="name" value="">
              <p id=":Ralud7:-form-item-description" class="text-muted-foreground text-xs">This will appear as the author name in your eBook.</p>
            </div>
            <div class="space-y-2"><label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" for=":Rilud7:-form-item">Your age at the time of writing</label><input type="number"
                class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm"
                placeholder="Enter your age" id=":Rilud7:-form-item" aria-describedby=":Rilud7:-form-item-description" aria-invalid="false" name="age" value=""></div>
            <div class="space-y-2"><label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" for=":Rqlud7:-form-item">Profile Photo (Optional)</label>
              <div class="space-y-4" id=":Rqlud7:-form-item" aria-describedby=":Rqlud7:-form-item-description" aria-invalid="false"><input type="file"
                  class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm"
                  accept="image/jpeg,image/png,image/webp" name="photo"></div>
              <p id=":Rqlud7:-form-item-description" class="text-muted-foreground text-xs">Upload a photo to be included in your author bio. Maximum size: 5MB. Supported formats: JPG, PNG, WebP.</p>
            </div>
          </div>
        </div>
      </div>
      <div class="w-full flex justify-center mt-6"><button
          class="inline-flex items-center justify-center whitespace-nowrap rounded-full text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full sm:w-1/3 gap-2"
          type="button" disabled=""><span>Next</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-move-right w-4 h-4">
            <path d="M18 8L22 12L18 16"></path>
            <path d="M2 12H22"></path>
          </svg></button></div>
    </div>
    <div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-:R1ud7:-trigger-about-story" hidden="" id="radix-:R1ud7:-content-about-story" tabindex="0"
      class="ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 mt-6"></div>
    <div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-:R1ud7:-trigger-generated-story" hidden="" id="radix-:R1ud7:-content-generated-story" tabindex="0"
      class="ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 mt-6"></div>
  </div>
</form>

Text Content

Fill The Gaps Prototype
1YouAbout You2NarrativeAbout the narrative3GeneratedGenerated Story
Your Name

This will appear as the author name in your eBook.

Your age at the time of writing
Profile Photo (Optional)


Upload a photo to be included in your author bio. Maximum size: 5MB. Supported
formats: JPG, PNG, WebP.

Next