
Folder "assets"	(2024) Latest Reference.
=======================================

- Created 2020 for WHC to put in one place stuff for Vitrine and History pages
- Moved to HostPapa later

Note:
	- ArtVMR.ca  has its own versions of CSS and JS
	- Atelier 	 has its own versions of CSS and JS
		- gal_style
		- figure

URL:  http://vaucher.ca/assets/...

	<script src="https://vaucher.ca/assets/slimbox/jquery.js"></script>	

	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />

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

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

css/
	= basic.css  (created from ships.css)
		- body
		. container (800px wide)
		. bar	= thick blue <HR>
		
		. row	from Gallery to lay out rows of photos
		. figure
		. caption
		
	From James:  	#resume .quote  .source 	


BUTTONS
-------
	= button.css  
		classes: gal_btn and jv-btn plus small
		 
	= myButton.css  different look
		.myButton
	
LIGHTBOX:  we use slimbox v2 which needs jquery v1.3 our default is v.3.4.1
---------
use either
	<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js'></script>
	<script type="text/javascript" src="http://vaucher.ca/assets/slimbox/jquery.js"></script>
plus
	<script type="text/javascript" src="http://vaucher.ca/assets/slimbox/slimbox2.js"></script>	
	<link rel="stylesheet" href="http://vaucher.ca/assets/slimbox/slimbox2.css" type="text/css""/>	

SLIDESHOW:	we use jssor.slider
----------

  <head>
	<link rel="stylesheet" type="text/css" href="http://vaucher.ca/assets/css/jssor_slider.css">
  <body>
	<script type="text/javascript" src="http://vaucher.ca/assets/js/jssor.slider.min.js"></script>
	<script type="text/javascript" src="http://vaucher.ca/assets/js/slider_transitions_resp.js"></script>

Opening Windows
===============
	Developped for James Vaucher
	
	<script type="text/javascript" src="http://vaucher.ca/assets/js/win.js"></script>		
	<a href="javascript:newWindow('docs/JamesRefs.html', 'references','width=500,height=300')">
		... </a>	

MODALS:		Use jqueryModal  which uses jquery v3.0 or better
=============================================================


Modal Windows
==============

Example from Vikings:	modal.js & modal.css

	<link rel="stylesheet" href="https://vaucher.ca/assets/css/modal.css"  />
	<script src="https://vaucher.ca/assets/js/modal.js" ></script>

<div id="mod1" class="modal">
  <div class="modal-content">
    <span class="close" onclick="">&times;</span>
	.....
</div></div>


js:
	- modal.js - includes TOGGLE and Nixon OSC.js
	- win.js   replaces utils.js with some  Window creation
	
slimbox:	
	- jquery.js is v3.4.1

win.js