YouTransfer icon indicating copy to clipboard operation
YouTransfer copied to clipboard

change background image

Open tlachau opened this issue 7 years ago • 9 comments

Looking for a way to change the background image...

tlachau avatar Jun 09 '17 19:06 tlachau

@tlachau : you can fork the project, make a local clone and change the background in the source code

remie avatar Jun 09 '17 19:06 remie

Thank you. I'm kind of a linux newb. I managed to get everything installed with the instructions. Are their separate instructions for installing the clone?

On Fri, Jun 9, 2017 at 2:48 PM, Remie Bolte [email protected] wrote:

@tlachau https://github.com/tlachau : you can fork the project, make a local clone and change the background in the source code

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/YouTransfer/YouTransfer/issues/164#issuecomment-307483260, or mute the thread https://github.com/notifications/unsubscribe-auth/Ab9JWBtDwR7uH0bzJPbrijYlyAD11twwks5sCaGOgaJpZM4N1wdh .

tlachau avatar Jun 09 '17 21:06 tlachau

@tlachau : did you use the docker image? or the self-hosted option with NodeJS and the zip file? Or did you use npm install youtransfer -g with youtransfer init?

remie avatar Jun 10 '17 05:06 remie

i did use the docker image... i used NodeJS and zip file this time and i get this when starting.

gulp clean && gulp dist && node app.js

[08:24:48] Using gulpfile ~/.npm/YouTransfer/gulpfile.js [08:24:48] Starting 'cleanTask'... [08:24:48] Finished 'cleanTask' after 12 ms [08:24:48] Starting 'clean'... [08:24:48] Finished 'clean' after 71 μs [08:24:50] Using gulpfile ~/.npm/YouTransfer/gulpfile.js [08:24:50] Starting 'browserifyAppTask'... [08:24:50] Starting 'browserifyVendorTask'... [08:24:50] Starting 'copyStaticTask'... [08:24:50] Starting 'lessTask'... [08:24:52] Finished 'lessTask' after 2.71 s [08:24:56] Finished 'browserifyVendorTask' after 6.33 s [08:24:57] Finished 'browserifyAppTask' after 6.95 s [08:24:57] Finished 'copyStaticTask' after 6.93 s [08:24:57] Starting 'build'... [08:24:57] Finished 'build' after 44 μs [08:24:57] Starting 'dist'... [08:24:57] Finished 'dist' after 6.54 μs util.js:965 throw new TypeError('The super constructor to "inherits" must not ' + ^

TypeError: The super constructor to "inherits" must not be null or undefined at Object.exports.inherits (util.js:965:11) at Object. (/home/tyler/.npm/YouTransfer/node_modules/spdy/lib/spdy/connection.js:86:6) at Module._compile (module.js:569:30) at Object.Module._extensions..js (module.js:580:10) at Module.load (module.js:503:32) at tryModuleLoad (module.js:466:12) at Function.Module._load (module.js:458:3) at Module.require (module.js:513:17) at require (internal/module.js:11:18) at Object. (/home/tyler/.npm/YouTransfer/node_modules/spdy/lib/spdy.js:20:19) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] start: gulp clean && gulp dist && node app.js npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the [email protected] start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:

.npm/_logs/2017-06-15T14_05_46_172Z-debug.log 0 info it worked if it ends with ok 1 verbose cli [ '/usr/local/bin/node', '/usr/local/bin/npm', 'start' ] 2 info using [email protected] 3 info using [email protected] 4 verbose run-script [ 'prestart', 'start', 'poststart' ] 5 info lifecycle [email protected]~prestart: [email protected] 6 silly lifecycle [email protected]~prestart: no script for prestart, continuing 7 info lifecycle [email protected]~start: [email protected] 8 verbose lifecycle [email protected]~start: unsafe-perm in lifecycle true 9 verbose lifecycle [email protected]~start: PATH: /usr/local/lib/node_modules/npm/bin/node-gyp-bin:/home/tyler/.npm/YouTransfer/node_modules/.bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/snap/bin 10 verbose lifecycle [email protected]~start: CWD: /home/tyler/.npm/YouTransfer 11 silly lifecycle [email protected]~start: Args: [ '-c', 'gulp clean && gulp dist && node app.js' ] 12 silly lifecycle [email protected]~start: Returned: code: 1 signal: null 13 info lifecycle [email protected]~start: Failed to exec start script 14 verbose stack Error: [email protected] start: gulp clean && gulp dist && node app.js 14 verbose stack Exit status 1 14 verbose stack at EventEmitter. (/usr/local/lib/node_modules/npm/lib/utils/lifecycle.js:283:16) 14 verbose stack at emitTwo (events.js:125:13)

tlachau avatar Jun 15 '17 13:06 tlachau

First of all, thank you for great tool - simple and extremely useful. We're trying to use it for a few non-profits working on privacy issues, wanting to have their infra under full control, so it's ideal.

As for original issue: similar problem here. I'm trying to build docker image with custom background and CSS, but build process doesn't seem to care about local changes at all.

$ cd <checkout-dir> ## working with forked repo on master
$ <do changes in src/assets and src/css directories>
$ docker build --no-cache=true -t youtransfer-customised .
$ docker run -v ~me/youtransfer/uploads:/opt/youtransfer/uploads \
 -v ~me/youtransfer/config:/opt/youtransfer/config -p 80:5000 youtransfer-customised

> [email protected] dockerized /opt/youtransfer
> node ./bin/youtransfer dockerize && npm start


> [email protected] start /opt/youtransfer
> gulp clean && gulp dist && node app.js

[09:19:52] Using gulpfile /opt/youtransfer/gulpfile.js
[09:19:52] Starting 'cleanTask'...
[09:19:53] Finished 'cleanTask' after 11 ms
[09:19:53] Starting 'clean'...
[09:19:53] Finished 'clean' after 17 μs
[09:19:55] Using gulpfile /opt/youtransfer/gulpfile.js
[09:19:55] Starting 'browserifyAppTask'...
[09:19:55] Starting 'browserifyVendorTask'...
[09:19:55] Starting 'copyStaticTask'...
[09:19:55] Starting 'lessTask'...
[09:19:57] Finished 'lessTask' after 2.12 s
[09:19:59] Finished 'browserifyVendorTask' after 4.2 s
[09:20:00] Finished 'browserifyAppTask' after 4.61 s
[09:20:00] Finished 'copyStaticTask' after 4.54 s
[09:20:00] Starting 'build'...
[09:20:00] Finished 'build' after 16 μs
[09:20:00] Starting 'dist'...
[09:20:00] Finished 'dist' after 9.1 μs
restify listening at http://:::5000

Not a Docker nor npm master, but it seems to me that local src isn't really used throughout the process anywhere. What am I missing?

michau avatar Jun 20 '17 09:06 michau

@michau, @remie : did you get any further with this problem? I'm trying to run the application via docker, and I'm trying to change the CSS and text ect. But no changes are displayed on the page

LouBNielsen avatar May 23 '18 11:05 LouBNielsen

@LouBNielsen Nope, I gave up and stayed with stock layout.

michau avatar May 23 '18 12:05 michau

@michau - dammit! But thanks for answering!

LouBNielsen avatar May 23 '18 18:05 LouBNielsen

Hi, @michau not sure if this is still relevant to you, but I figured out a way to do it. I am running youtransfer on a vm with the docker image. This is the command to run it:

sudo docker run -d -v /opt/youtransfer/uploads:/opt/youtransfer/uploads -v /opt/youtransfer/config:/opt/youtransfer/config -v /opt/youtransfer/src/assets:/opt/youtransfer/src/assets -p 127.0.0.1:5000:5000 --restart always remie/youtransfer:stable

The trick is to mount the src asset folder aswell into the docker. Then place the background image you want into /opt/youtransfer/src/assets and name it (the name needs to be exact) 204H.jpg Then start the docker container with the command above (only once, the --restart always makes it start everytime the docker service is started aswell).

maximsachs avatar Jan 22 '20 12:01 maximsachs