Contents

• Asset_Notes (nov 2025): READ_ME
• index.html: basic code to show FOLDER contents [uses "icons"]
• icons: used by "index.html"
• img: used by the ArtVMR site & Atelier
• php: used by the ArtVMR site & Atelier
• css: for my standard web page layout
• js: Other generally useful stuff
• slimbox: contains JS and CSS for lightbox feature to blow up images

basic.css

• body
• .container
• .bar
• .row
• .figure
• .caption

Slimbox jQuery Modal

  - AJAX = "https://cdnjs.cloudflare.com/ajax/libs"

   <script src="https://vaucher.ca/assets/slimbox/jquery.js"></script>	
   <script src="AJAX/jquery-modal/0.9.1/jquery.modal.min.js"></script>
   <link  href="AJAX/jquery-modal/0.9.1/jquery.modal.min.css" 
			rel="stylesheet"/>
			
   <a href="#mod1" rel="modal:open"><button> Show Modal </button></a>
   
  <div id="mod1" class="modal">
     <h2>Modal #2</h2>
     Ligne de texte.
  </div>
   
   
   

Typical Uses

   <link rel="stylesheet" href="https://vaucher.ca/assets/css/basic.css"  />

   <script type="text/javascript" src="https://vaucher.ca/assets/slimbox/jquery.js"></script>
   <script type="text/javascript" src="https://vaucher.ca/assets/slimbox/slimbox2.js"></script>	
   <link rel="stylesheet" href="https://vaucher.ca/assets/slimbox/slimbox2.css" 
    	type="text/css" />

   <link rel="stylesheet" href="https://vaucher.ca/assets/css/button.css"  />