How do I load this HTML file for my own visualization? - javascript

For this problem, I have not many options as I am not sure which direction I should be heading.
Now I am studying Deep Learning frequently and I want to toy around with Stanford's CS231N's Convolutional Neural Network Demo as I find it extremely user friendly. The visuals are embedded in this website. I really want to toy around with this but I do not know how and where to start.
I have knowledge of Python and VS-Code.

Take the index.html file from the above link.
If you look closely in index.html, there are two scripts you need that to make it work.
Copy the files from the demo folder from the link and the files structure should look like this(same as in the github demo)
Now double click on index.html and choose a browser to open this work and should work as expected. And you can also modify the code and reload the index.html to see live changes.

Related

My CSS and Images do not seem to be working in Github?

I am extremely new to the programming world and I understand that the best way to learn is to try and work things out myself, but this is something that I just can't seem to conquer so far. Locally, my CSS and HTML runs smoothly together, but when I posted it into Github, my website doesn't pull through the CSS file or my images file. I've pressed f12 and tried to change my file, but nothing seems to work. Any advice would be super as it is heartbreaking that I can't show my family what i've created so far, as im super happy with it.
Here is link to my repo if you wanted to check it out; https://github.com/Jamescoleman2020/jamescoleman2020.github.io

Toggling for Live Webpages

I am currently working on a project at my internship where we are trying to create some kind of display that shows live status updates of our servers. I have the webpages I need to use on file; however, I am very confused on how to code the display. We are planning to use HTML and JavaScript, so I have been able to find these links. Are they leading me down the right path?
Javascript to rotate between pages within ONE HTML page
https://www.wikihow.com/Toggle-HTML-Display-With-JavaScript
Still, I am not sure how to add the links in there as well as if/how to write the CSS.
Any help would be appreciated!

print web page which contain code listing (with horizontal scrolling)

In those months, I'm always reading at code listings on web page (manly brief and coincise tutorials) and these listings have scrollbar to allow horizontal navigation.
I would like to print to PDF those web pages but I would gain a cutted code.
I searched for a solution looking at html source code in search of quick configuration to modify, css solutions (overflow-x/y) and javascript scripts (jPrintArea and many homemade) but they are (as far as I have understood) all solution to be implemented by the Owner side and not the User side.
I wanted to know if someone know a script or a method to do that (or at least to print only the code listing block with its original formatting). I suppose it is a problem that the whole community met while learning how to develop with online tutorials.
I can't post images so here two examples:
http://codeincomplete.com/posts/2012/6/23/javascript_racer_v1_straight/
https://pgetov.wordpress.com/2013/05/25/first-person-shooter-scene-setup/
You could try to disable javascript temporary. I don't know if this works for you but it could be worth a try.
Source: Mozillazine: Printing a scrollable frame
You can always just copy paste the code to print it and reassamble the page manually.

Wordpress theme, best way to find code location

So I have a Wordpress theme & need to replace the logo upon scrolling down.
Should be simple enough but after hours of sifting through code and testing, no dice.
Could anyone tell me the best way to view the front end of a production website and follow the code through to the correct location in the files/code?
I am using FileZilla & Notepad ++, have followed file names and searched for elements.
Thank you in advance.
All your theme files are located in /wp-content/themes/your-theme-name/
Go to the folder for your current, active theme - you can either search for the elements after inspecting them in your browser, or you can learn a little about WordPress template hierachy so that you can expect where to find which block/snippet of code that you are trying to edit.

Saving HTML code as its own application

How do I save or convert the HTML code into its own program? For example: I want to double click on the file on my desktop to open up as its own application. I don't want it to open through Notepad++ or any other program.
The best way I can explain this is: look at all of your desktop icons. When you double click something it runs on its own. It doesn't need Notepad++ or whatever coding program you used to open up first. Now implementing that exact same concept to my question. I want to open the program I have coded in it's own window.
I hope that makes sense. I don't want to show my code because it's original.
EDIT: The HTML code consists of CSS and JS. Can I open it without a browser? Example: Visual Basics you can create window applications. I was wondering if I could do the same thing except with HTML code?
Thank you in advance!
You right click on the icon, and choose Open With: which should bring up a list of applications you can use to open that type of file.
And you can browse to the location of the program you want to use to open the file.
Hope that helps.
HTML is not compiled into anything, and thus cannot be run independently. It must be interpreted by a browser or other similar piece of software.
If you have written what you deem a 'program' in HTML/JavaScript, then your best bet would be to host it somewhere and bookmark the page to your desktop. I hope this answers your question...

Categories