Skip to content

N
Nuovo sito
Commit 9ca8404b authored by Riccardo Padovani's avatar Riccardo Padovani
Browse files
Options

Use local images also in css

parent e5e6e257
Show whitespace changes
Inline Side-by-side
Showing with 126 additions and 12 deletions
assets/images/scopri-ubuntu/external-link-cool-grey.svg 0 → 100644
View file @ 9ca8404b
<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90"><path color="#000" fill="none" stroke-width="7.5" overflow="visible" enable-background="accumulate" d="M0 0h90v90H0z"/><path d="M33 13.012C8.994 13.042 6 13.747 6 31v36c0 18 3 18 30 18h12c27 0 30 0 30-18v-9h-9v6c0 12 0 12-24 12h-6c-24 0-24 0-24-12V34c0-10.864.192-11.885 18-11.982v-9.006z" fill="#333"/><path color="#000" fill="none" stroke-width="6" overflow="visible" enable-background="accumulate" d="M0 0h90v90H0z"/><path d="M113.915 179.144c-.524.303-8.746-4.444-8.746-5.05 0-.605 8.22-5.352 8.744-5.05.525.304.525 9.797 0 10.1z" transform="matrix(-2.993 2.993 -3.111 -3.111 940.172 234.009)" xml:space="default" color="#000" fill="#333" stroke-width="3" overflow="visible" enable-background="accumulate"/><path style="text-indent:0;text-align:start;line-height:normal;text-transform:none;block-progression:tb;-inkscape-font-specification:Sans" d="M56.426 24.633l-24.34 24.34 9.94 9.94 24.34-24.34z" xml:space="default" color="#000" fill="#333" stroke-width="9" overflow="visible" enable-background="accumulate" font-family="Sans"/></svg>
\ No newline at end of file
assets/images/scopri-ubuntu/icon-intro-cloud.svg 0 → 100644
View file @ 9ca8404b
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg id="Layer_1" style="enable-background:new -247 372.9 100 96" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" height="96px" viewBox="-247 372.9 100 96" width="100px" version="1.1" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink">
<style type="text/css">
.st0{fill:#FFFFFF;}
</style>
<g id="Comp">
<path id="path4154_3_" d="m-189.6 391.8c9.6 0.3 17.4 8.2 17.4 17.8v0.1 0.6l-0.2 3.7 3.7 0.4c9 1.1 15.7 8.7 15.7 17.6 0 9.9-8 17.9-17.9 17.9h-52.3c-9.9 0-17.9-8-17.9-17.9 0-7.7 5-14.5 12.4-16.9l3.1-1-0.4-3.3c0-0.3-0.1-0.6-0.1-0.8 0-0.1-0.1-0.4-0.1-0.4 0-5.7 4.7-10.4 10.4-10.4 1.7 0 3.5 0.6 5.4 1.8l3.3 2.1 2.2-3.3c3.4-5.1 8.9-8.1 14.7-8.1l0.6 0.1m-0.5-4c-7.4 0-14 3.9-18.1 9.9-2.3-1.4-4.8-2.4-7.5-2.4-7.9 0-14.4 6.5-14.4 14.4 0 0.6 0.2 1.1 0.2 1.7-8.9 2.9-15.1 11.2-15.2 20.7 0 12.1 9.8 21.9 21.9 21.9h52.3c12.1 0 21.9-9.8 21.9-21.9 0-11.1-8.4-20.3-19.3-21.6 0-0.3 0.1-0.5 0.1-0.8 0-12.1-9.8-21.9-21.9-21.9z" class="st0"/>
</g>
</svg>
assets/images/scopri-ubuntu/icon-intro-desktop.svg 0 → 100644
View file @ 9ca8404b
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg id="Layer_1" style="enable-background:new -249 372.9 96 96" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" height="96px" viewBox="-249 372.9 96 96" width="96px" version="1.1" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink">
<style type="text/css">
.st0{fill:#FFFFFF;}
.st1{display:none;}
</style>
<g id="Comp">
<path id="path4297_5_" d="m-229 384.9c-5 0.1-8.7-0.1-11.7 1.5-1.5 0.8-2.7 2.2-3.4 4s-0.9 3.8-0.9 6.5v52h88v-52c0-2.6-0.2-4.7-0.9-6.5s-1.9-3.2-3.4-4c-3-1.7-6.7-1.5-11.7-1.5h-56zm0 4h56c5.1 0.1 8.4 0.2 9.8 1 0.7 0.4 1.2 0.9 1.5 1.9s0.6 2.7 0.6 5.1v48h-80v-48c0-2.4 0.2-4 0.6-5.1 0.4-1 0.8-1.5 1.5-1.9 1.6-0.8 5-1 10-1zm-20 64c0 8 2 8 12 8h72c10 0 12 0 12-8h-40v2h-16v-2h-40z" class="st0"/>
</g>
</svg>
assets/images/scopri-ubuntu/icon-intro-iot.svg 0 → 100644
View file @ 9ca8404b
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg id="Layer_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" style="enable-background:new -247 370.9 100 101" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" height="101px" viewBox="-247 370.9 100 101" width="100px" version="1.1" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink">
<style type="text/css">
.st0{fill:none;}
.st1{fill:none;stroke:#FFFFFF;stroke-width:4;}
</style>
<title>Slice 1</title>
<desc>Created with Sketch.</desc>
<g id="Page-1" sketch:type="MSPage">
<g id="internet-of-things02" sketch:type="MSLayerGroup">
<g id="layer1" sketch:type="MSShapeGroup" transform="translate(.85715 .49496)">
<g id="g4845" transform="translate(49.505 50.005) rotate(-90) translate(-49.5 -49)">
<g id="g4778" transform="translate(49.997 49.5) scale(-1 1) translate(-49 -48.5)">
<g id="g4780" transform="translate(49.461 48.5) scale(-1 1) translate(-48.5 -48.5)">
<rect id="rect4782" transform="matrix(-.0000025352 -1 1 -.0000025352 -123.29 -520.56)" width="96" y="-246.6" x="-369.9" height="96" class="st0"/>
<rect id="rect6257" transform="matrix(-.0000025352 -1 1 -.0000025352 -125.29 -520.56)" width="90" y="-242.7" x="-367.9" height="90" class="st0"/>
<path id="path4270" d="m-333-216.6c-6.9 0-6.8 2.7-6.9 9.7v16.6c0.1 7 0 9.7 6.9 9.7h22.2c6.9 0 6.8-2.7 6.9-9.7v-16.6c-0.1-7 0-9.7-6.9-9.7h-22.2z" class="st1"/>
<path id="path4211" d="m-303.9-198.6h8" class="st1"/>
<path id="path4213" d="m-303.9-188.6h8" class="st1"/>
<path id="path4215" d="m-303.9-208.6h8" class="st1"/>
<path id="path4217" d="m-347.9-198.6h8" class="st1"/>
<path id="path4219" d="m-347.9-188.6h8" class="st1"/>
<path id="path4221" d="m-347.9-208.6h8" class="st1"/>
<path id="path4223" d="m-321.9-216.6v-8" class="st1"/>
<path id="path4225" d="m-311.9-216.6v-8" class="st1"/>
<path id="path4227" d="m-331.9-216.6v-8" class="st1"/>
<path id="path4229" d="m-321.9-172.6v-8" class="st1"/>
<path id="path4231" d="m-311.9-172.6v-8" class="st1"/>
<path id="path4233" d="m-331.9-172.6v-8" class="st1"/>
<ellipse id="path4214" ry="40" rx="40" transform="matrix(-.0000025352 -1 1 -.0000025352 -123.29 -520.56)" cy="-198.6" cx="-321.9" class="st1"/>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
assets/images/scopri-ubuntu/icon-intro-phone.svg 0 → 100644
View file @ 9ca8404b
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg id="Layer_1" style="enable-background:new -249 372.9 96 96" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" height="96px" viewBox="-249 372.9 96 96" width="96px" version="1.1" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink">
<style type="text/css">
.st0{fill:#FFFFFF;}
.st1{display:none;}
</style>
<g id="Comp">
<path id="path4297_3_" d="m-213 376.9c-5 0.1-8.7-0.1-11.7 1.5-1.5 0.8-2.7 2.2-3.4 4s-0.9 3.8-0.9 6.5v64c0 2.6 0.2 4.7 0.9 6.5s1.8 3.2 3.4 4c3 1.7 6.7 1.5 11.7 1.5h24c5-0.1 8.7 0.1 11.7-1.5 1.5-0.8 2.7-2.2 3.4-4s0.9-3.8 0.9-6.5v-64c0-2.6-0.2-4.7-0.9-6.5s-1.9-3.2-3.4-4c-3-1.7-6.7-1.5-11.7-1.5h-24zm-11.9 10h47.8c0 0.6 0.1 1.3 0.1 2v64h-48v-64c0-0.8 0-1.4 0.1-2zm15.9 70h16v4h-16v-4z" class="st0"/>
</g>
</svg>
assets/images/scopri-ubuntu/icon-intro-server.svg 0 → 100644
View file @ 9ca8404b
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg id="Layer_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" style="enable-background:new -248 370.9 99 100" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" height="100px" viewBox="-248 370.9 99 100" width="99px" version="1.1" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink">
<style type="text/css">
.st0{fill:none;}
.st1{fill:none;stroke:#FFFFFF;stroke-width:4;}
.st2{fill:#FFFFFF;}
.st3{fill:#BF3E2B;}
</style>
<title>Slice 1</title>
<desc>Created with Sketch.</desc>
<g id="Page-1" sketch:type="MSPage">
<g id="g4845" sketch:type="MSLayerGroup" transform="translate(49.362 49.5) scale(-1 1) rotate(-90) translate(-49.5 -49)">
<g id="g4778" sketch:type="MSShapeGroup" transform="translate(49.997 49.5) scale(-1 1) translate(-49 -48.5)">
<g id="g4780" transform="translate(49.461 48.5) scale(-1 1) translate(-48.5 -48.5)">
<rect id="rect4782" transform="matrix(-.0000025352 -1 1 -.0000025352 -618.29 -25.563)" width="96" y="344.4" x="-369.9" height="-96" class="st0"/>
<path id="path4205" d="m-359.9 336.4v-80" class="st1"/>
<path id="path4207" d="m-346.9 296.4h-14" class="st1"/>
<path id="rect4236" d="m-349.9 336.3h16v-4h-12v-72h12v-4h-16v80zm22 0h16v-4h-16v4zm0-75.9h16v-4h-16v4zm22 75.9h26v-80h-26v4h22v72h-22v4z" class="st2"/>
<path id="path4238" d="m-303.9 336.4v-80" class="st1"/>
<path id="path4240" d="m-325.9 336.4v-80" class="st1"/>
<rect id="rect4242" transform="matrix(-.0000025352 -1 1 -.0000025352 -565.29 -20.563)" width="12" y="275.4" x="-298.9" height="-6" class="st2"/>
<rect id="rect4244" transform="matrix(-.0000025352 -1 1 -.0000025352 -587.29 -42.563)" width="12" y="275.4" x="-320.9" height="-6" class="st2"/>
<rect id="rect4246" transform="matrix(-.0000025352 -1 1 -.0000025352 -609.29 -64.563)" width="12" y="275.4" x="-342.9" height="-6" class="st2"/>
<ellipse id="path4208" ry="-6" rx="6" transform="matrix(-.0000025352 -1 1 -.0000025352 -656.29 -63.563)" cy="296.4" cx="-359.9" class="st2"/>
</g>
</g>
</g>
<path id="Path-9" d="m-248 370.9" class="st3" sketch:type="MSShapeGroup"/>
</g>
</svg>
assets/images/scopri-ubuntu/icon-intro-tablet.svg 0 → 100644
View file @ 9ca8404b
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg id="Layer_1" style="enable-background:new -249 372.9 96 96" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" height="96px" viewBox="-249 372.9 96 96" width="96px" version="1.1" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink">
<style type="text/css">
.st0{fill:#FFFFFF;}
.st1{display:none;}
</style>
<g id="Comp">
<path id="path4297_4_" d="m-233 384.9c-5 0.1-8.7-0.1-11.7 1.5-1.5 0.8-2.7 2.2-3.4 4s-0.9 3.8-0.9 6.5v48c0 2.6 0.2 4.7 0.9 6.5s1.9 3.2 3.4 4c3 1.7 6.7 1.5 11.7 1.5h64c5-0.1 8.7 0.1 11.7-1.5 1.5-0.8 2.7-2.2 3.4-4s0.9-3.8 0.9-6.5v-48c0-2.6-0.2-4.7-0.9-6.5s-1.8-3.2-3.4-4c-3-1.7-6.7-1.5-11.7-1.5h-64zm0 4h64c1.5 0 2.8 0.1 4 0.1v63.8c-1.2 0.1-2.5 0.1-4 0.1h-64c-2.4 0-4.4-0.1-6-0.2v-63.5c1.6-0.2 3.6-0.3 6-0.3zm72 24h4v16h-4v-16z" class="st0"/>
</g>
</svg>
assets/images/scopri-ubuntu/image-intro-dots.svg 0 → 100644
View file @ 9ca8404b
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6" enable-background="new 0 0 10 6"><path opacity=".4" d="M2 4.986c-.53 0-1.04-.21-1.41-.59-.38-.37-.59-.88-.59-1.41s.21-1.04.59-1.41c.74-.75 2.08-.75 2.82 0 .38.37.59.88.59 1.41s-.21 1.04-.58 1.41c-.38.38-.9.59-1.42.59z" fill="#ffffff"/></svg>
\ No newline at end of file
assets/sass/scopri-ubuntu.scss
View file @ 9ca8404b
......@@ -27,7 +27,7 @@
@media only screen and (min-width: 984px) {
.ubuntu-intro__list:before {
background-image: url(https://assets.ubuntu.com/v1/bcb69486-image-intro-dots.svg);
background-image: url(images/scopri-ubuntu/image-intro-dots.svg);
background-position: right center;
background-repeat: repeat-x;
background-size: 10px;
......@@ -57,7 +57,7 @@
@media only screen and (min-width: 984px) {
.intro-left, .intro-right {
background: url(https://assets.ubuntu.com/v1/bcb69486-image-intro-dots.svg) repeat-x right center;
background: url(images/scopri-ubuntu/image-intro-dots.svg) repeat-x right center;
background-size: 10px;
}
}
......@@ -95,7 +95,7 @@
position: relative;
width: 100%;
&.intro-cloud {
background-image: url(https://assets.ubuntu.com/v1/7153d45d-icon-intro-cloud.svg);
background-image: url(images/scopri-ubuntu/icon-intro-cloud.svg);
&:before {
width: 36px;
}
......@@ -105,7 +105,7 @@
}
}
&.intro-server {
background-image: url(https://assets.ubuntu.com/v1/949bb7ae-icon-intro-server.svg);
background-image: url(images/scopri-ubuntu/icon-intro-server.svg);
&:before {
width: 38px;
}
......@@ -115,7 +115,7 @@
}
}
&.intro-desktop {
background-image: url(https://assets.ubuntu.com/v1/0a347261-icon-intro-desktop.svg);
background-image: url(images/scopri-ubuntu/icon-intro-desktop.svg);
&:before {
width: 38px;
}
......@@ -124,7 +124,7 @@
}
}
&.intro-phone {
background-image: url(https://assets.ubuntu.com/v1/1f6d7af8-icon-intro-phone.svg);
background-image: url(images/scopri-ubuntu/icon-intro-phone.svg);
&:before {
width: 54px;
}
......@@ -133,7 +133,7 @@
}
}
&.intro-tablet {
background-image: url(https://assets.ubuntu.com/v1/08d4cf5a-icon-intro-tablet.svg);
background-image: url(images/scopri-ubuntu/icon-intro-tablet.svg);
&:before {
width: 34px;
}
......@@ -143,7 +143,7 @@
}
}
&.intro-iot {
background-image: url(https://assets.ubuntu.com/v1/473ea07f-icon-intro-iot.svg);
background-image: url(images/scopri-ubuntu/icon-intro-iot.svg);
&:before {
width: 39px;
}
......@@ -192,7 +192,7 @@
.intro-middle li a {
&:after, &:before {
display: block;
background: url(https://assets.ubuntu.com/v1/bcb69486-image-intro-dots.svg) repeat-x right center;
background: url(images/scopri-ubuntu/image-intro-dots.svg) repeat-x right center;
background-size: 10px;
content: "";
position: absolute;
......@@ -249,7 +249,7 @@ body.homepage .row--intro .intro-middle li a:hover {
@media only screen and (min-width: 768px) {
.row--ubuntu-news .row--ubuntu-news__title {
background: url(https://assets.ubuntu.com/v1/e1bba201-external-link-cool-grey.svg) left center no-repeat;
background: url(images/scopri-ubuntu/external-link-cool-grey.svg) left center no-repeat;
background-size: 16px;
padding-left: 22px;
font-size: 1em;
......@@ -290,7 +290,7 @@ body.homepage {
background: #fff;
.row--iot__image {
background-size: 700px auto;
background-image: url(https://assets.ubuntu.com/v1/2f56d557-image-iot.jpg?q=80);
background-image: url(images/scopri-ubuntu/image-iot-80.jpg);
background-repeat: no-repeat;
height: 500px;
left: 40px;
......@@ -334,7 +334,7 @@ body.homepage {
body.homepage .row--cloud-products {
padding-top: 220px;
padding-bottom: 200px;
background-image: url(https://assets.ubuntu.com/v1/f27582be-image-cloud-static.jpg);
background-image: url(images/scopri-ubuntu/image-cloud-static.jpg);
background-repeat: no-repeat;
background-position: 77% center;
background-size: 50%;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment