neural-style-website
neural-style-website copied to clipboard
website implementation that simplify the use of the neural-style application through a graphical user interface (GUI) .
neural-style-website
Dependencies:
-
Install npm
sudo npm install npm -g
-
Install typescript
npm install -g typescript
-
neural-style, if you already have the "neural-style" application installed on your machine, then just copy the directory to the "neural-style-website" dir after you have finsihed the "Setup" instructions.
Setup:
-
Clone the repositiry.
git clone --recursive https://github.com/AbdullahAlfaraj/neural-style-website
The recursive option will insure to clone the "neural-style" submodule as well.
-
Install the packages dependencies through npm
cd neural-style-website npm install
-
Transpile typescript files to javascript, as long as the command run ignore error messages.
npm run tsc
-
run gulp to
- compile/process scss files to css.
- move/copy all necessary libs/files to the appropriate directories.
gulp
-
lastly, start the server
bash neural-style-website-up.sh
Usage:
Input:
All images, for the time being, must be placed in the "neural-style-website/public/uploads" directory.
Output:
The result/output images will be stored in the "neural-style-website/public/output" directory.
Settings:
Default neural-style settings are stored in "nerual-style-website/public/default.json" .
Website url:
* Internal access: "localhost:4000/" or "127.0.0.1:4000/"
* external access: "serverip:4000/"
ScreenShots:
#####On page loading:

#####Select multiple styles:

#####Settings section:

#####The log Section

#####Final output
