« Faire un don » : différence entre les versions


Aucun résumé des modifications
Aucun résumé des modifications
Ligne 1 : Ligne 1 :
 
<html lang="fr">
<html>
   <head>
   <head>
     <title>Buy cool new product</title>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="./stripe/stylewiki.css">
     <title>Merci de votre soutien</title>
     <script src="https://polyfill.io/v3/polyfill.min.js?version=3.52.1&features=fetch"></script>
   
    <link rel="stylesheet" href="../dons/amis/css/normalize.css" />
     <link rel="stylesheet" href="../dons/amis/css/global.css" />
    <!-- Load Stripe.js on your website. -->
     <script src="https://js.stripe.com/v3/"></script>
     <script src="https://js.stripe.com/v3/"></script>
    <meta charset="UTF-8">
    <script src="../dons/amis/script.js" defer></script>
   </head>
   </head>
   <body>
   <body>
     <section>
 
       <div class="product">
     <div class="sr-root">
         <a href="https://datafranca.org/wiki/Accueil" ><img src="./stripe/DF-cafe.jpg" width="120" height="120" align="left"></a>
       <div class="sr-main">
         <div class="description">
         <header class="sr-header">
          <h4>Offrez-nous donc un bon café<br>On travaille fort!<br>
        </header>
          </h4>
        <center><img
         </div>
              src="./img/icone-facebook.png"
      </div>
              width="150"
      <button id="checkout-button"> MOI AUSSI J'AIME LE CAFÉ ! </button>
              height="150"
<br><br><br>
            /></center>
      <div class="product">
         <h1>Nous vous remercions de votre intérêt</h1>
        <a href="https://datafranca.org/wiki/Accueil" ><img src="./stripe/DF-mois.jpg" width="120" height="120" align="left" ></a>
         <h3>Notre équipe [adore] le café. </H3>
        <div class="description">
 
        <h4> Un par jour pour le français <br>en intelligence artificielle<br></h4>
        <div class="price-table-container">
        </div>
          <section>
      </div>
            <img
      <button id="checkout-button"> UN EURO PAR JOUR </button>
              src="./img/DF-cafe.jpg"
<br><br><br>
              width="150"
      <div class="product">
              height="150"
        <a href="https://datafranca.org/wiki/Accueil" ><img src="./stripe/DF-drapeau.jpg" width="120" height="120" align="left" ></a>
            />
        <div class="description">
            <div class="name">Un café par mois</div>
          <h4>Un don personalisé<br>pour le français<br> </h4>
            <div class="price">5 €</div>
            <div class="duration">par mois</div>
            <button id="basic-plan-btn"> Un café </button>
          </section>
          <section>
            <img
              src="./img/DF-mois.jpg"
              width="150"
              height="150"
            />
            <div class="name">Un Euro par jour</div>
            <div class="price">30 €</div>
            <div class="duration">par mois</div>
            <button id="pro-plan-btn"> Un Euro </button>
          </section>
         </div>
         </div>
       </div>
       </div>
      <button id="checkout-button"> JE CONTRIBUE </button>
    </div>
  </section>
    <div id="error-message" class="error-message"></div>
    <br><br><br><br>
   </body>
   </body>
  <script type="text/javascript">
    // Create an instance of the Stripe object with your publishable API key
    var stripe = Stripe("pk_test_51I1huqJVCdR0ux1O7alN2Eg54bwHkoMCcLtovSnSY9KnMxSMglCKVoLBcwGUD8j4wqXWcTVuXUHItkyGlMMDfj6p00SQ51yRkM");
    var checkoutButton = document.getElementById("checkout-button");
    checkoutButton.addEventListener("click", function () {
      fetch("/create-checkout-session", {
        method: "POST",
      })
        .then(function (response) {
          return response.json();
        })
        .then(function (session) {
          return stripe.redirectToCheckout({ sessionId: session.id });
        })
        .then(function (result) {
          // If redirectToCheckout fails due to a browser or network
          // error, you should display the localized error message to your
          // customer using error.message.
          if (result.error) {
            alert(result.error.message);
          }
        })
        .catch(function (error) {
          console.error("Error:", error);
        });
    });
  </script>
</html>
</html>

Version du 7 janvier 2021 à 23:23

Merci de votre soutien

Nous vous remercions de votre intérêt

Notre équipe [adore] le café.

Un café par mois
5 €
par mois
Un Euro par jour
30 €
par mois