PDF2, quelques scories, V samedi 3 mai 17:42

templates/index.html

@@ -225,14 +225,19 @@
                 <label class="form-label">Generative AI</label>
                 <select id="aiModel" class="form-select" required>
                   <option value="" selected disabled>Select…</option>
-                  <option>DALL·E / GPT‑4o Image</option>
-                  <option>Midjourney v6</option>
-                  <option>Flux (F‑LUX 1)</option>
+                  <option>Adobe Firefly Image Model 4</option>
+                  <option>Bing Image Creator</option>
                   <option>Canva Magic Media</option>
-                  <option>Adobe Firefly Image Model 4</option>
-                  <option>Stable Diffusion 3</option>
-                  <option>Leonardo AI (Phoenix)</option>
-                  <option>Runway Gen‑3 Alpha</option>
+                  <option>DALL·E / GPT‑4o Image</option>
+                  <option>Flux (F‑LUX 1)</option>
+                  <option>Ideogram 3.0</option>
+                  <option>Leonardo AI (Phoenix)</option>
+                  <option>Microsoft Designer</option>
+                  <option>Midjourney v6</option>
+                  <option>NightCafe Creator</option>
+                  <option>Playground AI</option>
+                  <option>Runway Gen‑3 Alpha</option>
+                  <option>Stable Diffusion 3</option>                 
                   <option>Other</option>
                 </select>
               </div>
@@ -272,48 +277,80 @@ document.getElementById('certForm').addEventListener('submit',e=>{
   bootstrap.Modal.getInstance(document.getElementById('certModal')).hide();
   generatePDF2();
 });
-/* PDF2 : ajoute les infos du formulaire */
-async function generatePDF2(){
-  const {jsPDF}=window.jspdf;
-  const pdf=new jsPDF({unit:'pt',format:'a4'});
-  const pageW=pdf.internal.pageSize.getWidth(),margin=40,usableW=pageW-margin*2;
-  let y=80;
-  pdf.setFont('helvetica','normal');
-  pdf.setFontSize(24);
-  pdf.text('Fraud Score',pageW/2,y,{align:'center'});
-  y+=22;
-  pdf.setFontSize(12);
-  pdf.text('Is my work used by generative AI ?',pageW/2,y,{align:'center'});
-  y+=48;
-  /* capture de la zone résultat (sans boutons) */
-  const section=document.querySelector('#compareSection .d-flex');
-  const clone=section.cloneNode(true);
-  clone.querySelectorAll('button').forEach(b=>b.style.display='none');
+/* PDF2 : certificat avec les infos du formulaire */
+async function generatePDF2 () {
+  const { jsPDF } = window.jspdf;
+  const pdf       = new jsPDF({ unit : 'pt', format : 'a4' });
+  /* ── page metrics ─────────────────────────────────── */
+  const pageW   = pdf.internal.pageSize.getWidth();
+  const margin  = 40;
+  const usableW = pageW - margin * 2;
+  let   y       = 80;
+  /* ── header ───────────────────────────────────────── */
+  pdf.setFont('helvetica', 'normal');
+  pdf.setFontSize(26);
+  pdf.text('Certification', pageW / 2, y, { align : 'center' });
+  y += 22;
+  pdf.setDrawColor('#d1d1d6');
+  pdf.line(margin, y, pageW - margin, y);            /* thin divider */
+  y += 32;
+  /* ── visual block (images + gauge + score) ────────── */
+  const section = document.querySelector('#compareSection .d-flex');
+  const clone   = section.cloneNode(true);
+  clone.querySelectorAll('button').forEach(b => (b.style.display = 'none'));
   document.body.appendChild(clone);
-  clone.style.position='absolute';clone.style.left='-9999px';
-  const canvas=await html2canvas(clone,{backgroundColor:null});
+  clone.style.cssText = 'position:absolute;left:-9999px;top:0';
+  const canvas  = await html2canvas(clone, { backgroundColor : null });
   document.body.removeChild(clone);
-  const img=canvas.toDataURL('image/png');
-  const prop=pdf.getImageProperties(img);
-  const imgH=(prop.height*usableW)/prop.width;
-  pdf.addImage(img,'PNG',margin,y,usableW,imgH);
-  y+=imgH+40;
-  /* bloc certificat */
-  pdf.setFontSize(14);
-  pdf.text('Certificate',margin,y); y+=20;
-  pdf.setFontSize(11);
-  pdf.text(`Name: ${certData.first} ${certData.last}`,margin,y); y+=16;
-  pdf.text(`Generative AI: ${certData.ai}`,margin,y); y+=16;
-  pdf.text('Prompt:',margin,y); y+=14;
-  const wrappedPrompt=pdf.splitTextToSize(certData.prompt,usableW);
-  pdf.text(wrappedPrompt,margin,y); y+=wrappedPrompt.length*12+24;
-  /* footer */
-  const now=new Date();
-  pdf.setFontSize(10);
-  pdf.text(`Generated on: ${now.toLocaleString()}`,margin,y);
-  const urlLines=pdf.splitTextToSize(`Calculated by: ${window.location.href}`,usableW);
-  pdf.text(urlLines,margin,y+14);
-  window.open(pdf.output('bloburl'),'_blank');
+  const imgData = canvas.toDataURL('image/png');
+  const props   = pdf.getImageProperties(imgData);
+  const imgH    = (props.height * usableW) / props.width;
+  pdf.addImage(imgData, 'PNG', margin, y, usableW, imgH);
+  y += imgH + 40;
+  /* ── certificate text ──────────────���──────────────── */
+  pdf.setFontSize(12);
+  pdf.text('I hereby certify that the original picture shown on the left is my own work and that', margin, y);
+  y += 20;
+  pdf.text('the AI‑generated picture shown on the right was produced by the generative AI', margin, y);
+  y += 20;
+  pdf.text('indicated below, using the prompt that follows.', margin, y);
+  y += 50;
+  const indentX         = 150;                 // tabulation pour les valeurs saisies
+  
+  /* generative AI (label regular, value italic) */
+  pdf.setFont('helvetica', 'normal');
+  pdf.text('Generative AI:', margin + 50, y);
+  pdf.setFont('helvetica', 'italic');
+  pdf.text(certData.ai, margin + indentX, y);
+  y += 30;
+  /* prompt */
+  const promptMaxWidth  = usableW - indentX;   // largeur réellement disponible
+  
+  pdf.setFont('helvetica', 'normal');
+  pdf.text('Prompt:', margin + 50, y);
+  pdf.setFont('helvetica', 'italic');
+  const promptLines = pdf.splitTextToSize(certData.prompt, promptMaxWidth);
+  pdf.text(promptLines, margin + indentX, y);   // même retrait pour toutes les lignes
+  y += promptLines.length * 14 + 20;
+  /* signer’s name */
+  pdf.setFont('helvetica', 'normal');
+  pdf.text('Name:', margin + 50, y);
+  pdf.setFont('helvetica', 'italic');
+  pdf.text(` ${certData.first} ${certData.last}`,margin + indentX,y);
+  y += 30;
+  /* date */
+  const now = new Date().toLocaleString();
+  pdf.setFont('helvetica', 'normal');
+  pdf.text('Date:', margin + 50, y);
+  pdf.setFont('helvetica', 'italic');
+  pdf.text(` ${now.toLocaleString()}`,margin + indentX,y);
+  y += 50;                                          
+   /* URL */
+  pdf.setFont('helvetica', 'normal');
+  const footerLines = pdf.splitTextToSize(`Fraud Score calculated by: ${window.location.href}`, usableW);
+  pdf.text(footerLines, margin, y);
+  /* ── open PDF ─────────────────────────────────────── */
+  window.open(pdf.output('bloburl'), '_blank');
 }
     
     function resetSelection(target) {
@@ -423,24 +460,6 @@ async function generatePDF2(){
     const wrapped=pdf.splitTextToSize(urlText,usableW);
     pdf.text(wrapped,margin,y+28);
     window.open(pdf.output('bloburl'),'_blank');}
-    async function generatePDF2(){const {jsPDF}=window.jspdf;const pdf=new jsPDF({orientation:'portrait',unit:'pt',format:'a4'});
-    const pageW=pdf.internal.pageSize.getWidth();const margin=40;const usableW=pageW-margin*2;let y=100;
-    pdf.setFont('helvetica','normal');pdf.setFontSize(24);pdf.text('Fraud Score',pageW/2,y,{align:'center'});
-    y+=20;pdf.setFontSize(12);pdf.text('Is my work used by generative AI ?',pageW/2,y,{align:'center'});
-    y+=100; // six blank lines
-    const section=document.querySelector('#compareSection .d-flex');const clone=section.cloneNode(true);
-    clone.querySelectorAll('button').forEach(b=>b.style.display='none'); // hide calculate/print
-    document.body.appendChild(clone);clone.style.position='absolute';clone.style.left='-9999px';
-    const canvas=await html2canvas(clone,{backgroundColor:null});document.body.removeChild(clone);
-    const imgData=canvas.toDataURL('image/png');const props=pdf.getImageProperties(imgData);const imgH=(props.height*usableW)/props.width;
-    pdf.addImage(imgData,'PNG',margin,y,usableW,imgH);
-    y+=imgH+100; // six blank lines before footer
-    pdf.setFontSize(10);
-    const now=new Date();pdf.text(`Calculated on: ${now.toLocaleString()}`,margin,y);
-    const urlText=`by: ${window.location.href}`;
-    const wrapped=pdf.splitTextToSize(urlText,usableW);
-    pdf.text(wrapped,margin,y+28);
-    window.open(pdf.output('bloburl'),'_blank');}
     
   </script>
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>