Create a simple web page featuring before/after progress at a restoration worksite.
It may not work on a Mac or on Linux, this program has only been tested on Windows.
Run Slider_Creator.py with Python to launch a simple GUI
![before_after_Gui](https://private-user-images.githubusercontent.com/88332473/257926981-f2d3807d-2de8-4280-b35b-6088863c481e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjI5ODExNjIsIm5iZiI6MTcyMjk4MDg2MiwicGF0aCI6Ii84ODMzMjQ3My8yNTc5MjY5ODEtZjJkMzgwN2QtMmRlOC00MjgwLWIzNWItNjA4ODg2M2M0ODFlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODA2VDIxNDc0MlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTUxYjBkODY2MTZiYjJmZDIwNjhiNDcxODgwMzY5MmMyYmI5Yzc0YzA0Y2YzYTg0NGE2NzdlMjEzODZhMmQ3YmQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.NdGQRF7hhMQ78A_W4iDsPNy8hjFM9lyvccspKQeW8lo)
The program creates a folder with all the necessary files
![before_after_aslider_folder](https://private-user-images.githubusercontent.com/88332473/257928409-ccdbea06-8c52-464e-9e75-3e38f5c8000e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjI5ODExNjIsIm5iZiI6MTcyMjk4MDg2MiwicGF0aCI6Ii84ODMzMjQ3My8yNTc5Mjg0MDktY2NkYmVhMDYtOGM1Mi00NjRlLTllNzUtM2UzOGY1YzgwMDBlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODA2VDIxNDc0MlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTBkOTI2OTY2NTBiNDc1NzA3MTViNTkxM2E2YjA4ODBhYjExMWZkMzQ0NTg3MzcyNGNhMjYzZjBmYTZiYWViOWQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.BBFiOp45uEMVMExtUXtcQmuyqz_Tt9at3ar39FAcRW0)
Open slider.html to see the slider, you can easily host the folder on a static web hosting service such as Neocities.
![before_after_webpage](https://private-user-images.githubusercontent.com/88332473/257928579-0426d929-a4c5-460f-8299-4e4ad8360a72.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjI5ODExNjIsIm5iZiI6MTcyMjk4MDg2MiwicGF0aCI6Ii84ODMzMjQ3My8yNTc5Mjg1NzktMDQyNmQ5MjktYTRjNS00NjBmLTgyOTktNGU0YWQ4MzYwYTcyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODA2VDIxNDc0MlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTk4MTdhMzA2NDRmZDVhMGRkNmQ0YWVjMTAxMzQ5NzNmMDVkM2QwOTFiOTgxODU3ZDI5OTYxNjdhMGQxNTE2ODAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.G0ONTge8p8u115aNffISx7mOj3ZSGIjMCPVVf7M-1Ow)
You can customize the appearance of the webpage by editing slider_template.html