<!--
<-. (`-')_                 _  (`-')             (`-')    (`-')           (`-')  _ (`-').->                   
   \( OO) )     .->        \-.(OO )     .->     ( OO).-> ( OO).-> <-.    ( OO).-/ ( OO)_                     
,--./ ,--/ (`-')----.      _.'    \,--.(,--.  ,(_/----.,(_/----.,--. )  (,------.(_)--\_)                    
|   \ |  | ( OO).-.  '    (_...--''|  | |(`-')|__,    ||__,    ||  (`-') |  .---'/    _ /                    
|  . '|  |)( _) | |  |    |  |_.' ||  | |(OO ) (_/   /  (_/   / |  |OO )(|  '--. \_..`--.                    
|  |\    |  \|  |)|  |    |  .___.'|  | | |  \ .'  .'_  .'  .'_(|  '__ | |  .--' .-._)   \                   
|  | \   |   '  '-'  '    |  |     \  '-'(_ .'|       ||       ||     |' |  `---.\       /                   
`--'  `--'    `-----'     `--'      `-----'   `-------'`-------'`-----'  `------' `-----'                    
 (`-').-> (`-')  _   (`-')  (`-')  _       <-.(`-')            (`-')                                         
 (OO )__  ( OO).-/<-.(OO )  ( OO).-/        __( OO)      .->   ( OO).->                                      
,--. ,'-'(,------.,------,)(,------.       '-'---.\ ,--.(,--.  /    '._                                      
|  | |  | |  .---'|   /`. ' |  .---'       | .-. (/ |  | |(`-')|'--...__)                                    
|  `-'  |(|  '--. |  |_.' |(|  '--.        | '-' `.)|  | |(OO )`--.  .--'                                    
|  .-.  | |  .--' |  .   .' |  .--'        | /`'.  ||  | | |  \   |  |                                       
|  | |  | |  `---.|  |\  \  |  `---.,-.    | '--'  /\  '-'(_ .'   |  |                                       
`--' `--' `------'`--' '--' `------''./    `------'  `-----'      `--'                                       
 (`-').-> (`-')  _   (`-')  (`-')  _     (`-').->     (`-')  _                   (`-')                       
 (OO )__  ( OO).-/<-.(OO )  ( OO).-/,--. ( OO)_       (OO ).-/        <-.     <-.(OO )      .->       .->    
,--. ,'-'(,------.,------,)(,------.\  |(_)--\_)      / ,---.      (`-')-----.,------,)(`-')----.  ,---(`-') 
|  | |  | |  .---'|   /`. ' |  .---' `-'/    _ /      | \ /`.\     (OO|(_\---'|   /`. '( OO).-.  ''  .-(OO ) 
|  `-'  |(|  '--. |  |_.' |(|  '--.     \_..`--.      '-'|_.' |     / |  '--. |  |_.' |( _) | |  ||  | .-, \ 
|  .-.  | |  .--' |  .   .' |  .--'     .-._)   \    (|  .-.  |     \_)  .--' |  .   .' \|  |)|  ||  | '.(_/ 
|  | |  | |  `---.|  |\  \  |  `---.    \       /     |  | |  |      `|  |_)  |  |\  \   '  '-'  '|  '-'  |  
`--' `--' `------'`--' '--' `------'     `-----'      `--' `--'       `--'    `--' '--'   `-----'  `-----'   
                         (`-')                                         (`-')                                 
   <-.          .->   <-.(OO )          .->        .->        .->   <-.(OO )                                 
(`-')-----.(`-')----. ,------,)     ,--.'  ,-.(`-')----. ,--.(,--.  ,------,)                                
(OO|(_\---'( OO).-.  '|   /`. '    (`-')'.'  /( OO).-.  '|  | |(`-')|   /`. '                                
 / |  '--. ( _) | |  ||  |_.' |    (OO \    / ( _) | |  ||  | |(OO )|  |_.' |                                
 \_)  .--'  \|  |)|  ||  .   .'     |  /   /)  \|  |)|  ||  | | |  \|  .   .'                                
  `|  |_)    '  '-'  '|  |\  \      `-/   /`    '  '-'  '\  '-'(_ .'|  |\  \                                 
   `--'       `-----' `--' '--'       `--'       `-----'  `-----'   `--' '--'                                
(`-')        (`-')                       <-.(`-')           (`-')  _ (`-').->                                
( OO).->  <-.(OO )      .->        .->    __( OO)    <-.    ( OO).-/ ( OO)_                                  
/    '._  ,------,)(`-')----. ,--.(,--.  '-'---.\  ,--. )  (,------.(_)--\_)                                 
|'--...__)|   /`. '( OO).-.  '|  | |(`-')| .-. (/  |  (`-') |  .---'/    _ /                                 
`--.  .--'|  |_.' |( _) | |  ||  | |(OO )| '-' `.) |  |OO )(|  '--. \_..`--.                                 
   |  |   |  .   .' \|  |)|  ||  | | |  \| /`'.  |(|  '__ | |  .--' .-._)   \                                
   |  |   |  |\  \   '  '-'  '\  '-'(_ .'| '--'  / |     |' |  `---.\       /                                
   `--'   `--' '--'   `-----'  `-----'   `------'  `-----'  `------' `-----'                                 

           .--._.--.
          ( O     O )
          /   . .   \
         .`._______.'.
        /(           )\
      _/  \  \   /  /  \_
   .~   `  \  \ /  /  '   ~.
  {    -.   \  V  /   .-    }
_ _`.    \  |  |  |  /    .'_ _
>_       _} |  |  | {_       _<
 /. - ~ ,_-'  .^.  `-_, ~ - .\
         '-'|/   \|`-`


TODO:
- download zip of all - nat's working on
-->


<!DOCTYPE html>

<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1.0" />
		<meta name="description" content="" />
		<link rel="icon" href="favicon.png">

		<!-- google fonts -->
		<link rel="preconnect" href="https://fonts.googleapis.com">
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
		<!-- <link href="https://fonts.googleapis.com/css2?family=Lekton:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet"> -->
		<link href="https://fonts.googleapis.com/css2?family=Lekton:ital,wght@0,400;0,700;1,400&family=Mea+Culpa&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
		<!-- end google fonts -->

		<link id='colorthemecss' rel="stylesheet" type="text/css" href="./rose-pine-toggle.css" />
		<link id='maincss' rel="stylesheet" type="text/css" href="./main.css" />
	</head>
	<body>

	<!-- top header -->
	<h1 class="fancy-header">Picture Upload</h1>

			<br/>
		<div class="navbar">
			<a href="/wedding/index.php" >Home</a>
  			<a href="/wedding/about_us.php" >About Us</a>
  			<a href="/wedding/rsvp_code.php" >RSVP</a>
			<a href="/wedding/logistics.php" >Logistics</a>
  			<a href="/wedding/picture_upload.php" class="active"  >Picture Upload</a>
  			<a href="/wedding/registry.php" >Registry</a>
  			<a href="/wedding/faqs.php" >FAQs</a>
			<label for="theme-toggle" class="theme-btn" style="font-size:17px">Toggle Light/Dark Theme</label>
			<input type="checkbox" id="theme-toggle"> <!-- TODO: make pretty, maybe seesaw switch? -->
		</div> 
		
		<hr/>
		<br/>
	<div class="main-content-container">

      We would love to see any pictures you wish to share!
      </br></br>

      <form action="/wedding/picture_upload.php" method="post" enctype="multipart/form-data">
         <label for="userfile">
            <small>Choose a file (or more) to upload, and it will be added to the gallery below:</small></br>
         </label>
         <input type="file" name="userfile[]" id="userfile" multiple="yes" accept="image/jpg, image/jpeg, image/jpe, image/png, image/gif, image/webp, image/bmp">
         <input type="submit" value="Submit">
      </form>
      </br>

      TODO download all as zip
      <div class="picture-gallery-box">
         <img src="./resources/picture_upload/0000_20251211_ringPhoto_starFilterStacked_hiddenCode.jpg" class="picture-landscape"><img src="./resources/picture_upload/0001_grass_close.jpg" class="picture-landscape"><img src="./resources/picture_upload/0002_grass_sit.jpg" class="picture-portrait"><img src="./resources/picture_upload/0003_hand_hold_sun.jpg" class="picture-landscape"><img src="./resources/picture_upload/0004_hug_from_behind.jpg" class="picture-portrait"><img src="./resources/picture_upload/0005_look_to_right.jpg" class="picture-landscape"><img src="./resources/picture_upload/0006_tree_look_to_right.jpg" class="picture-landscape"><img src="./resources/picture_upload/0007_twirl_bw.jpg" class="picture-portrait"><img src="./resources/picture_upload/0008_twirl_far.jpg" class="picture-landscape"><img src="./resources/picture_upload/0009_twirl_sun.jpg" class="picture-landscape">      </div>
</div>
	</body>
</html>