Santana ::

1 | list | login |load

| |

{require  lib_show librairie}

{fond}

;;**********************************
;; affichage du sigle
;;**********************************
{img
 {@
   src="data/Capture6-remove.png"     
   height="70"
   style="border:1px ;"
  }
}
;;*******************************
;;TRADUCTION FRNÇAIS_ANGLAIS
;;*******************************
{blockquote {@ style="width:740px;
                      position:relative;
                      top: -80px;left:640px;
                      border: 0px;
                      font:bold 1.5em arial"}
  [[{img {@ src="data/France.jpg"     
          height="20";"}}
  |?view=start]]

[[{img {@ src="data/Anglais.jpg"     
          height="20";}}
  |?view=home]]
}
;;******************************
;;FIN TRADUCTION 
;;******************************
;;*********************************
;; MENU
;;*********************************
{center
 {blockquote {@ style="width:740px;
                       position:relative;
                       top: -80px;left:20px;
                       border: 2px;
                       font:bold 1.2em arial"}

[[{span {@ style="font:900 22px  arial; 
                     color:white;
                     text-shadow: 4px 4px 8px black, 0px 0px 5px   blue, 0px 0px 25px darkblue;""}
                     Accueil}|?view=start]] |
   [[À propos|?view=Qui]] | 
   [[Nos services|?view=Quoi]] |
   [[Lieux|?view=Ou]] |
   [[Comment]] |  
   [[Contact]]
 }
}

;;***********************************
;;DIAPORAMA de 5 photos
;;***********************************
;;{center

;; start code of image slider        ;; pour 5 images 580x435
;;{{slider_frame 580 435}              ;; w=580 & h=435
;; {{slider_clipper 6 580}             ;; 5+1 00%        w=580px
;;  {{slider_holder scroller 30}       ;; anim=scroller  time=30s
;;     {slide 580 data/580x435/P31.jpg}{slide 
;;     580 data/580x435/P22.jpg}{slide 
;;     580 data/580x435/P30.jpg}{slide 
;;     580 data/580x435/P23.jpg}{slide 
;;     580 data/580x435/P7.jpg}
;;}}}

;;{style 
;; @keyframes scroller {
;;  0%   { margin-left: 0px; }        ;; 0 * 580;;
;;  30%  { margin-left:-580px; }      ;; 1 * 580
;;  50%  { margin-left:-1160px; }     ;; 2 * 580
;;  70%  { margin-left:-1740px; }     ;; 3 * 580
;;  99.9%  { margin-left:-2320px; }     ;; 4 * 580
;;  100% { margin-left: 0px; }        
;; }

;;}
;; end code of image slider
;; user defined functions, could be externalized in a library
;;}{CR}

;;******************************
;;Texte
;;*****************************
{center
  {span {@ style="font:bold 1.9em arial"}{b Y.T.S entretien menager}} {br}
  Dites ce que vous souhaitez et un professionnel de chez nous viendra le faire.{br}
  Votre maison sera propre et ceci en toute confiance.
}
{CR}
{center
  Nous offrons des services d’entretien ménager adaptés aux besoins de chacun.
}

;;*****************************
;;LES TROIS COLONNES
;;*****************************
{{COL0}
  {blockquote {@ style="font:bold 1.0em arial; border:0px"}
   {center {CR}
     MÉNAGE RÉSIDENTIEL{CR}
;;     {img {@ src="data/P31.JPG"     
;;             height="150"}}
     [[{{SX1}En savoir plus}|?view=quoi1]]
   }
  }
}

{{COL0}
  {blockquote {@ style="font:bold 1.0em arial; border:0px;"}
   {center {CR}
     EN PROFONDEUR{CR}
;;     {img
;;     {@ src="data/P30.JPG"     
;;        height="150"}}
     [[{{SX1}En savoir plus}|?view=quoi2]]
     {CR}
   }
  }
}

{{COL0}
  {blockquote {@ style="font:bold 1.0em arial; border:0px;"}

{center {CR}
     MÉNAGE COMMERCIAL{CR}
;;     {img
;;     {@ src="data/P2.jpg"     
;;        height="150"}}
     [[{{SX1}En savoir plus}|?view=quoi3]]
     {CR}
   }
  }
}

{div {@ style="clear:both"}}

;;***********************************
;; Texte 
;;***********************************
{blockquote 
  {@ style="border:1px;
            top:-400px;"}
  {center
    {CR}
    {span {@ style="font:bold 1.4em arial"}Ici, le travail est sérieux!{br} 
                                           et la satisfaction est guarantie!}
    {CR}
}
;;**********************************
;;LIEN AUX COMMENTAIRES
;;**********************************
{center
[[{{SX1}> Laissez un commentaire: <}|?view=agora]]
}
{CR}

};;Fin du blockquote

;;*********************************************
;;*********** Coin des fonctions ****************
;;********************************************

{div   {@ style="display:none"}

{def fond
{style 
       #page_frame 
       {background:linear-gradient(LightSkyBlue 50%, Gold);
        width:750px;}
       #page_content 
       {background:linear-gradient(LightSkyBlue 50%, Gold);
        width:730px;}
 .page_menu {background:transparent;}
        .page_menu a {
        color:transparent;
       background:transparent;}
}}

{def SX2  div 
  {@ style="font:900 22px  arial; 
            color:white;
            text-shadow: 4px 4px 8px black, 0px 0px 5px   blue, 0px 0px 25px darkblue;"}
}
;; FONCTION DE SHOW

{def simple_show
 {lambda {:pict :text :h :w}
  {note_start :text
   {img
    {@ src=":pict"
       height=":h"
       style="box-shadow:0 0 8px black;"
       title="Click to zoom in!"}}
  }
  {note_end
   {@ id=":text"}
     {div
      {@ style="position:fixed; top:0px; left:0; 
                width:1900px; height:1900px; 
                background:#000; opacity:0.8;"}}
   {div
    {@ style="position:fixed;
              top:50px; left:50%; 
              width::wpx;
              margin-left:-{/ :w 2}px;
              text-align:center; 
              box-shadow:0 0 8px #000;"}
   
    {note_start :text
     {div
      {@ style="background:#ffe;
                padding:10px;"} 
      {img
       {@ src=":pict"
          width="100%"
          title="Click to zoom out!"}}
      {div {:text} 
}}}}}}}

{def slider_frame
 {lambda {:w :h}
  div {@ style="position:relative;
                top:0; left:0; width::wpx;
                margin-left:0px;
                ;;overflow:auto;
                height::hpx;
                box-shadow:0 0 8px;"}}}

{def slider_clipper
 {lambda {:n :w}
  div {@ style="position:absolute;
                top:0; left:50%;
                width::n00%; 
                margin-left:{- {/ :w 2}}px;
                clip:rect(0px,:wpx,:wpx,0px);"}}}

{def slider_holder
 {lambda {:a :t}
  div {@ style="animation::a :ts infinite;"}}}

{def slide
 {lambda {:w :pict}
  {img {@ style="float:left; width::wpx;" src=":pict"}}}}

{def COL0 
    div
    {@ style="float:left; 
              width:225px; 
              padding:3px;"}}
;;**************************
}