Skip to content

Commit 4c2a0c7

Browse files
anderskandersk
committed
styles: Reference images through Webpack.
Signed-off-by: Anders Kaseorg <[email protected]>
1 parent ae58ed5 commit 4c2a0c7

File tree

4 files changed

+37
-37
lines changed

4 files changed

+37
-37
lines changed

‎static/styles/components.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@
3636
}
3737

3838
&:checked ~ span {
39-
background-image: url(/static/images/checkbox.svg);
39+
background-image: url(../images/checkbox.svg);
4040
background-size: 85%;
4141
background-position: 50% 50%;
4242
background-repeat: no-repeat;

‎static/styles/portico/landing-page.scss

Lines changed: 33 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@ a {
6363
height: 17px;
6464
width: 17px;
6565
top: 3px;
66-
background-image: url(/static/images/landing-page/arrow.png);
66+
background-image: url(../../images/landing-page/arrow.png);
6767
background-size: 100%;
6868
margin-left: 5px;
6969
}
@@ -550,7 +550,7 @@ nav {
550550

551551
border-radius: 4px;
552552

553-
background-image: url(/static/images/checkbox-green.svg);
553+
background-image: url(../../images/checkbox-green.svg);
554554
background-size: 100% auto;
555555
background-position: center;
556556
background-repeat: no-repeat;
@@ -569,7 +569,7 @@ nav {
569569
);
570570
border-radius: 4px;
571571

572-
background-image: url(/static/images/landing-page/notifications.jpg);
572+
background-image: url(../../images/landing-page/notifications.jpg);
573573
background-size: contain;
574574
background-position: center;
575575
background-repeat: no-repeat;
@@ -954,7 +954,7 @@ nav {
954954

955955
width: 27px;
956956
height: 27px;
957-
background-image: url(/static/images/landing-page/checkmark.png);
957+
background-image: url(../../images/landing-page/checkmark.png);
958958
background-size: 100% auto;
959959
}
960960

@@ -1183,7 +1183,7 @@ nav {
11831183
padding: 95px 170px;
11841184
height: 385px;
11851185

1186-
background-image: url(/static/images/landing-page/macbook-empty.png);
1186+
background-image: url(../../images/landing-page/macbook-empty.png);
11871187
background-size: 100% auto;
11881188

11891189
background-color: transparent;
@@ -1754,93 +1754,93 @@ nav {
17541754

17551755
/* -- company logos -- */
17561756
.portico-landing .testimonials .company-box .company.akamai {
1757-
background-image: url(/static/images/landing-page/logos/akamai.png);
1757+
background-image: url(../../images/landing-page/logos/akamai.png);
17581758
background-color: transparent;
17591759
}
17601760

17611761
.portico-landing .testimonials .company-box .company.doctorondemand {
1762-
background-image: url(/static/images/landing-page/logos/doctorondemand.png);
1762+
background-image: url(../../images/landing-page/logos/doctorondemand.png);
17631763
background-color: transparent;
17641764
}
17651765

17661766
.portico-landing .testimonials .company-box .company.layershift {
1767-
background-image: url(/static/images/landing-page/logos/layershift.png);
1767+
background-image: url(../../images/landing-page/logos/layershift.png);
17681768
background-color: transparent;
17691769
}
17701770

17711771
.portico-landing .testimonials .company-box .company.recurse {
1772-
background-image: url(/static/images/landing-page/logos/recurse.png);
1772+
background-image: url(../../images/landing-page/logos/recurse.png);
17731773
background-color: transparent;
17741774
}
17751775

17761776
.portico-landing .testimonials .company-box .company.solano {
1777-
background-image: url(/static/images/landing-page/logos/solano.png);
1777+
background-image: url(../../images/landing-page/logos/solano.png);
17781778
background-color: transparent;
17791779
}
17801780

17811781
.portico-landing .testimonials .company-box .company.veelo {
1782-
background-image: url(/static/images/landing-page/logos/veelo.png);
1782+
background-image: url(../../images/landing-page/logos/veelo.png);
17831783
background-color: transparent;
17841784
}
17851785

17861786
.portico-landing .testimonials .company-box .company.panjiva {
1787-
background-image: url(/static/images/landing-page/logos/panjiva.png);
1787+
background-image: url(../../images/landing-page/logos/panjiva.png);
17881788
background-color: transparent;
17891789
}
17901790

17911791
.portico-landing .testimonials .company-box .company.cmt {
1792-
background-image: url(/static/images/landing-page/logos/cambridge-mobile-telematics.png);
1792+
background-image: url(../../images/landing-page/logos/cambridge-mobile-telematics.png);
17931793
background-color: transparent;
17941794
}
17951795

17961796
.portico-landing .testimonials .company-box .company.levelup {
1797-
background-image: url(/static/images/landing-page/logos/levelup.png);
1797+
background-image: url(../../images/landing-page/logos/levelup.png);
17981798
background-color: transparent;
17991799
}
18001800

18011801
.portico-landing .testimonials .company-box .company.wildfly {
1802-
background-image: url(/static/images/landing-page/logos/wildfly.png);
1802+
background-image: url(../../images/landing-page/logos/wildfly.png);
18031803
background-color: transparent;
18041804
}
18051805

18061806
.portico-landing .testimonials .company-box .company.mariadb {
1807-
background-image: url(/static/images/landing-page/logos/mariadb.png);
1807+
background-image: url(../../images/landing-page/logos/mariadb.png);
18081808
background-color: transparent;
18091809
}
18101810

18111811
.portico-landing .testimonials .company-box .company.infinispan {
1812-
background-image: url(/static/images/landing-page/logos/infinispan.png);
1812+
background-image: url(../../images/landing-page/logos/infinispan.png);
18131813
background-color: transparent;
18141814
height: 50px;
18151815
}
18161816

18171817
.portico-landing .testimonials .company-box .company.hail {
1818-
background-image: url(/static/images/landing-page/logos/hail.png);
1818+
background-image: url(../../images/landing-page/logos/hail.png);
18191819
background-color: transparent;
18201820
}
18211821

18221822
.portico-landing .testimonials .company-box .company.inspire-hep {
1823-
background-image: url(/static/images/landing-page/logos/inspire-hep.png);
1823+
background-image: url(../../images/landing-page/logos/inspire-hep.png);
18241824
background-color: transparent;
18251825
}
18261826

18271827
.portico-landing .testimonials .company-box .company.wikimedia-outreach {
1828-
background-image: url(/static/images/landing-page/logos/wikimedia-outreach.png);
1828+
background-image: url(../../images/landing-page/logos/wikimedia-outreach.png);
18291829
background-color: transparent;
18301830
}
18311831

18321832
.portico-landing .testimonials .company-box .company.fhir {
1833-
background-image: url(/static/images/landing-page/logos/fhir.png);
1833+
background-image: url(../../images/landing-page/logos/fhir.png);
18341834
background-color: transparent;
18351835
}
18361836

18371837
.portico-landing .testimonials .company-box .company.openshot {
1838-
background-image: url(/static/images/landing-page/logos/openshot.png);
1838+
background-image: url(../../images/landing-page/logos/openshot.png);
18391839
background-color: transparent;
18401840
}
18411841

18421842
.portico-landing .testimonials .company-box .company.mixxx {
1843-
background-image: url(/static/images/landing-page/logos/mixxx.png);
1843+
background-image: url(../../images/landing-page/logos/mixxx.png);
18441844
background-color: transparent;
18451845
height: 45px;
18461846
}
@@ -2010,7 +2010,7 @@ nav {
20102010
margin: 130px auto 0 auto;
20112011
width: 32px;
20122012
height: 30px;
2013-
background-image: url(/static/images/landing-page/zulip-octopus.png);
2013+
background-image: url(../../images/landing-page/zulip-octopus.png);
20142014
background-size: cover;
20152015

20162016
filter: invert(0.9);
@@ -2068,7 +2068,7 @@ nav {
20682068
width: 100%;
20692069
height: 100%;
20702070

2071-
background-image: url(/static/images/waves.svg);
2071+
background-image: url(../../images/waves.svg);
20722072
background-size: cover;
20732073
background-repeat: no-repeat;
20742074
}
@@ -2293,31 +2293,31 @@ nav {
22932293
.portico-landing.why-page .bg-pycon {
22942294
position: relative;
22952295

2296-
background-image: url(/static/images/landing-page/pycon.jpg);
2296+
background-image: url(../../images/landing-page/pycon.jpg);
22972297
background-size: cover;
22982298
background-position: center;
22992299
}
23002300

23012301
.portico-landing.why-page .bg-pycon.drone {
2302-
background-image: url(/static/images/landing-page/pycon-drone.jpg);
2302+
background-image: url(../../images/landing-page/pycon-drone.jpg);
23032303
}
23042304

23052305
.portico-landing.why-page .bg-pycon.mit {
2306-
background-image: url(/static/images/landing-page/mit-lobby-7.jpg);
2306+
background-image: url(../../images/landing-page/mit-lobby-7.jpg);
23072307
}
23082308

23092309
.portico-landing.why-page .bg-pycon.security {
2310-
background-image: url(/static/images/landing-page/security.jpg);
2310+
background-image: url(../../images/landing-page/security.jpg);
23112311
}
23122312

23132313
.portico-landing.why-page .bg-pycon.atlassian {
23142314
background-size: 300px;
2315-
background-image: url(/static/images/landing-page/atlassian.jpg);
2315+
background-image: url(../../images/landing-page/atlassian.jpg);
23162316
background-repeat: repeat-x;
23172317
}
23182318

23192319
.portico-landing.why-page .bg-pycon.why-zulip {
2320-
background-image: url(/static/images/landing-page/why-zulip-threads.jpg);
2320+
background-image: url(../../images/landing-page/why-zulip-threads.jpg);
23212321
}
23222322

23232323
.portico-landing.why-page .bg-pycon .bg-dimmer {
@@ -2640,7 +2640,7 @@ nav {
26402640
width: 20px;
26412641
height: 18px;
26422642

2643-
background-image: url(/static/images/checkbox-green.svg);
2643+
background-image: url(../../images/checkbox-green.svg);
26442644
background-size: contain;
26452645
background-position: center;
26462646
background-repeat: no-repeat;
@@ -3548,7 +3548,7 @@ nav {
35483548
color: hsl(0, 0%, 27%);
35493549

35503550
background-size: 40px auto;
3551-
background-image: url(/static/images/zulip-logo.svg);
3551+
background-image: url(../../images/zulip-logo.svg);
35523552
background-repeat: no-repeat;
35533553
}
35543554

‎static/styles/portico/portico.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -446,7 +446,7 @@ img.screenshot {
446446
.laptop-image {
447447
width: 787px;
448448
height: 414px;
449-
background-image: url(/static/images/landing-page/laptop.png);
449+
background-image: url(../../images/landing-page/laptop.png);
450450
background-size: contain;
451451
}
452452

@@ -686,7 +686,7 @@ input.text-error {
686686
}
687687

688688
.main-headline {
689-
background: url(/static/images/landing-page/gg.jpg);
689+
background: url(../../images/landing-page/gg.jpg);
690690
background-position: center;
691691
background-size: cover;
692692
}

‎webpack.config.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -155,7 +155,7 @@ export default (env?: string): webpack.Configuration[] => {
155155
},
156156
// load fonts and files
157157
{
158-
test: /\.(woff(2)?|ttf|eot|svg|otf|png)$/,
158+
test: /\.(eot|jpg|svg|ttf|otf|png|woff2?)$/,
159159
use: [
160160
{
161161
loader: "file-loader",

0 commit comments

Comments
 (0)