A.Pelletier

1 | list | login |load

| |

{require  lib_show librairie}

{br}

{CR}{CR}{CR}{CR}{CR}{CR}{CR}{CR}{CR}{CR}{CR}{CR}
{{TITRE}  Adélaïde Pelletier: {br}Artiste peintre}
{CR}

°°°***  Les images *** °°°
{center
{img
 {@ id="Québec"
    src="data/acceuil/fleur_lys.jpg"     
    height="100"
    style= "position:relative;
            top:-50px;
            left:0px;" }}

{PICT data/acceuil/Adé.jpg 180 500 {b C'est moi, Adélaïde!}}
{SHOW}

{PICT data/acceuil/schoumpf.jpg 180 500 {b Ma mascotte}}
{SHOW}

{img
 {@ id="Québec"
     src="data/acceuil/fleur_lys.jpg"     
     height="100"
     title="Adélaïde"
     style= "position:relative;
           top:-50px;
           left:2px;"}}
}

°°°***  Les images *** °°°

°°° ***  La Musique *** °°° 
{center 
 {{note.start note}
  {img
    {@ src="data/acceuil/écouteur0.jpg"
            height="70"
            title="Présentation du site par Adélaïde?"}}}

{{note.end note}
   {blockquote
     {@ style="position: relative;
               width: 300px;
               top: 0px;
               left:0px"}
     {audio 
        {@ controls }
        {source
          {@ src="data/acceuil/fin.m4a" }}}
  Cliquez sur les écouteurs pour fermer ce cadre ou sur la flèche à gauche pour démarrer le son
  }}
}
°°° ***  La Musique *** °°°

{CR}{CR}
{menu}

°°°***  Le grand cadre invisible *** °°°

{blockquote 
  {@ style="position:relative;
            top: 0px;
            left:20px;
            width:700px;
            font:normal 1.1em arial;
            background:rgba{255, 255, 255, 0};"}

{{TITRE} Coordonnées}{CR}
  {center
    {b Rejoindre Adélaïde Pelletier:}{br}
    Saint-Lambert, QC, 
    (514) 236 3122 {br}
    {b Courriel:  gagnonade@hotmail.com}{br}
    {b Site web:} http://claudeparisel.com/APelletier/index.php?view=start{br}
  }

{CR}

{{TITRE}GALERIE}
  {CR}
  {center
    {blockquote
      {@ style="background-color:moccasin;
           font:normal 1.1em arial;
           margin: 0 10px;
           padding:10px;
           border:0px ;
           width:550px;
           height:300px"}
      _p Les tableaux ont été classés par grandeur:
      {ul
  {li Les miniatures de 3x3 pouces}
  {li Les petits formats entre 6 et 8 pouces}
  {li Les formats moyens autour de 10 et 12 pouces}
  {li Les grands formats}
  {li Les formats cartes (Cartes de souhaits ou cartes postales)}
      }
      _p On a rajouté la liste des expositions, concours et participations diverses avec le menu {b Expo} {br}
_p Les prix indiqués ne comprennent pas la valeur du cadre et le coût de l'expédition s'il y a lieu.
   }
  }
  {CR}
  
  {center {{note.start info} {{SX0} Note sur le fonctionnement du site}}}

{br}
{{note.end info}
   {blockquote
     {@ style=
           "background-color:GhostWhite;
           font:normal 1.0em arial;
           margin: 0 10px;
           padding:10px;
           border:1px;
           border-style:solid;
           border-color:black;
           position:relative;
           left:0px;
           width:660px;
           height:250px;
           overflow:auto"}

{br}{center _h4 Organisation du site:}
_p Le site est constitué de 7 pages principales correspondant aux 5 groupes de grandeur des œuvres. la première est attribuée à l' {b ACCUEIL} et la dernière, {b EXPO}, aux expositions, concours et prix reçus.
_p Chaque page affiche un menu horizontal en haut de la page permettant d'accéder à celles-ci, et une flèche en bas donnant accès au forum lequel permet de faire ses commentaires ou lire ceux des autres.
Chaque page affiche la liste des fiches détaillées sur chaque tableau de cette dimension. Mais on peut aussi choisir de voir la liste dans une version abrégée qui permet un survol général.
_p Dans la version détaillée chaque fiche est constituée d'une image de l'oeuvre et d'un encadré descriptif. Un clic sur l'image l'agrandit et un clic sur l'agrandissement le fait disparaitre. Dans le descriptif un point  {span {@ style="font:bold 1.1em arial"} vert} indique que ce tableau est disponible et donc à vendre, un point {span {@ style="font:bold 1.1em arial"}rouge}, qu'il ne l'est pas et une étiquette {b Collection privée} qu'elle fait partie d'une collection.
_p dans la {b version abrégée} un tableau d'icônes affiche l'ensemble des tableaux. un clic sur un icône l'affiche en grand et un clic sur l'agrandissement ramène la situation au départ. Des points rouges et verts sur les icônes permet de savoir si l'œuvre est disponible ou pas.
}}

°°° ***  fin du grand cadre invisible *** °°°
{CR}
{center 
 {{SX0}Si vous avez des commentaires, {br}cliquez sur la flèche:}{CR} 
 [[{img {@ src="data/acceuil/flecheS.jpg" title="aller sur le forum"}}|?view=agora]]}
}

°°° *********** Coin des fonctions ****************°°°

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

{def note.start {lambda {:id}
  span {@ style="color:#888;"
          onmouseover="this.style.cursor='grab'; this.style.color='#f00'"
          onmouseout="this.style.color='#888'"
          onclick="LAMBDATANK.toggle_display(':id')"}}}

{def note.end {lambda {:id} div {@ id=":id" style="display:none;"}}}

{br}°° *************************************** °°{br}
{i {b DÉBUT DU MENU}}
{br}°° *************************************** °°{br}
{def IM1A
  {lambda {:y :x :back}
    {div {@ style="position:relative;
                   top::ypx; left::xpx;
                  height:65px; width:60px;
                  background::back; 
                  opacity:0.9; 
                  color:#000;
                  white-space:pre-wrap;
                  overflow:hidden;
                  padding:0 5px; 
                  font-weight:bold;"}
{center {img
          {@
            src="data/menu/sctrouf2.jpg"     
            height="70"}}}

}
}}

{def IM2A
  {lambda {:y :x :back}
    {div {@ style="position:relative;
                   top::ypx; left::xpx;
                  height:65px; width:66px;
                  background::back; 
                  opacity:0.9; 
                  color:#000;
                  white-space:pre-wrap;
                  overflow:hidden;
                  padding:0 5px; 
                  font-weight:bold;"}
{center {img
          {@
            src="data/menu/sctrouf3.jpg"     
            height="70"}}}

}
}}

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

{def Accueil-A 
  {lambda {:y :x :back}
    {div {@ style="position:relative;
                   top::ypx; left::xpx;
                  height:65px; width:80px;
                  background::back; 
                  opacity:0.9; 
                  color:#000;
                  white-space:pre-wrap;
                  overflow:hidden;
                  padding:0 5px; 
                  font-weight:bold;"}
   {center [[{{SX1}Accueil}|?view=start]]}
   }
}}

{def 3X
  {lambda {:y :x :back}
    {div {@ style="position:relative;
                   top::ypx; left::xpx;
                  height:65px; width:80px;
                  background::back; 
                  opacity:0.9; 
                  color:#000;
                  white-space:pre-wrap;
                  overflow:hidden;
                  padding:0 5px; 
                  font-weight:bold;"}
   {center [[{{SX1}Format 3x3}|?view=serie3x3]]}
   }
}}

{def 6X 
  {lambda {:y :x :back}
    {div {@ style="position:relative;
                   top::ypx; left::xpx;
                  height:65px; width:80px;
                  background::back; 
                  opacity:0.9; 
                  color:#000;
                  white-space:pre-wrap;
                  overflow:hidden;
                  padding:0 5px; 
                  font-weight:bold;"}
   {center [[{{SX1}Format 4à8}|?view=serie6x6]]}
   }
}}

{def FMA 
  {lambda {:y :x :back}
    {div {@ style="position:relative;
                   top::ypx; left::xpx;
                  height:65px; width:80px;
                  background::back; 
                  opacity:0.9; 
                  color:#000;
                  white-space:pre-wrap;
                  overflow:hidden;
                  padding:0 5px; 
                  font-weight:bold;"}
   {center [[{{SX0}Format Moyen}|?view=serie8x10]]}
   }
}}
{def GFA 
  {lambda {:y :x :back}
    {div {@ style="position:relative;
                   top::ypx; left::xpx;
                  height:65px; width:80px;
                  background::back; 
                  opacity:0.9; 
                  color:#000;
                  white-space:pre-wrap;
                  overflow:hidden;
                  padding:0 5px; 
                  font-weight:bold;"}
   {center [[{{SX1}Format grand}|?view=serieGF]]}
   }
}}

{def FCA
  {lambda {:y :x :back}
    {div {@ style="position:relative;
                   top::ypx; left::xpx;
                  height:65px; width:80px;
                  background::back; 
                  opacity:0.9; 
                  color:#000;
                  white-space:pre-wrap;
                  overflow:hidden;
                  padding:0 5px; 
                  font-weight:bold;"}
   {center [[{{SX1}Format carte}|?view=seriecartepostale]]}
   }
}}

{def CVA
  {lambda {:y :x :back}
    {div {@ style="position:relative;
                   top::ypx; left::xpx;
                  height:65px; width:67px;
                  background::back; 
                  opacity:0.9; 
                  color:#000;
                  white-space:pre-wrap;
                  overflow:hidden;
                  padding:0 5px; 
                  font-weight:bold;"}
   {center [[{{SX1}Expo}|?view=CV]]}
   }
}}

{br}°° *************************************** °°{br}
{def IMP
  {lambda {:y :x :back}
    {div {@ style="position:relative;
                   top::ypx; left::xpx;
                  height:35px; width:150px;
                  background::back; 
                  opacity:0.9; 
                  color:#000;
                  white-space:pre-wrap;
                  overflow:hidden;
                  padding:0 5px; 
                  font-weight:bold;"}
   {center [[{{SX1}Impressions}|?view=IMP]]}
   }
}}

{br}°° *************************************** °°{br}
{def menu
 {blockquote
  {@ style="position:fixed;
           height:1px;
           top:0px;
           left:50vw;
           background-color:rgba{255, 255, 255, 0};
           border-color:rgba{255, 255, 255, 0};
           width:100px;"}
 {IM1A 70 -420 orange}
 {Accueil-A 5 -348 orange }
 {3X -60 -254 orange }
 {6X -125 -160 orange }
 {FMA -190 -69 orange }
 {GFA -255 23 orange }
 {FCA -318 118 orange }
 {IM2A -383 290 orange}
 {CVA -449 210 orange }
 {IMP -449 -100 orange }

}
}

{br}°° *************************************** °°{br}

}
°°°**************************************°°°