Coder Social home page Coder Social logo

Comments (10)

swarupbam avatar swarupbam commented on August 20, 2024 2

Just add the path of CSS file.
styles/ud811.css

from ud811.

apreshagarwal avatar apreshagarwal commented on August 20, 2024 2

Solution to issue #4

  • Step 1: Replace the <!-- Insert link to stylesheet here --> on line 9 in ud811-master/1-12-skeleton/index.html with <link rel="stylesheet" type="text/css" href="styles/ud811.css">

  • Step 2: Replace the <!-- Insert link to app.js here --> on line 145 in ud811-master/1-12-skeleton/index.html with <script type="text/javascript" src="scripts/app.js"></script>

  • Step 3: Replace the background: url(/images/ic_refresh_white_24px.svg) center center no-repeat; on line 96 in ud811-master/1-12-skeleton/styles/ud811.css with background: url(../images/ic_refresh_white_24px.svg) center center no-repeat;

  • Step 3: Replace the background: url(/images/ic_add_white_24px.svg) center center no-repeat; on line 98 in ud811-master/1-12-skeleton/styles/ud811.css with background: url(../images/ic_add_white_24px.svg) center center #no-repeat;

  • Step 4: Clean your browser cache and close the browser. Now open your browser again and then open the index.html in a new tab to see the changes.

from ud811.

silviolucenajunior avatar silviolucenajunior commented on August 20, 2024 1

You need update you index.html file to insert stylesheet and script. Has comments on index.html page about location in code to add this.

from ud811.

bhupendra1011 avatar bhupendra1011 commented on August 20, 2024

@silviolucenajunior what is the location of index.html that I need to use . I guess it's missing in the repo

from ud811.

pengas avatar pengas commented on August 20, 2024

Just curious why not link to the available stylesheet within the project?

from ud811.

sunladyjoy avatar sunladyjoy commented on August 20, 2024

Added the links to the css & js files yet Chrome's Web Server just keeps spinning & never loading.

ah, gesh https://developers.google.com/web/fundamentals/codelabs/your-first-pwapp/
it's supposed to be doing that... and apparently only that at this point! hehehe

from ud811.

kaquinones avatar kaquinones commented on August 20, 2024

Modify the index.html
line 9: (Insert link to stylesheet here)
with this: (link rel="stylesheet" type="text/css" href="/1-12-skeleton/styles/ud811.css")
Need to do the same thing for app.js line 145 on index.html and images on the css file, for instance:
css file line 96: background: url(/images/ic_refresh_white_24px.svg) center center no-repeat; } you need add /1-12-skeleton before /images/ic_refresh_white_24px.svg
everything should be fine after those changes

image

from ud811.

axixnix avatar axixnix commented on August 20, 2024

screenshot 177
screenshot 178
screenshot 179

can anyone help me here? I have done the css and js linking but nothing has change the project is still as it was initially.

from ud811.

axixnix avatar axixnix commented on August 20, 2024

screenshot 180
this is what it looks like in my browser

from ud811.

shawnoberrath avatar shawnoberrath commented on August 20, 2024

axixnix, in line 10, you need to delete the slash in front of "styles," so "styles/ud811.css"

from ud811.

Related Issues (2)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.