mirror of
https://github.com/SrIzan10/mainwebsite.git
synced 2026-06-06 00:56:58 +00:00
add background stuff
This commit is contained in:
SrIzan10
19
contact.html
Normal file
19
contact.html
Normal file
@@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<link rel="icon" type="image/png" href="../favicon.jpg"/>
|
||||
<link href="../css/addaptphone.css" rel="stylesheet" type="text/css">
|
||||
<!--If it's a phone, addapt it (and maked some code in css/addaptphone.css to be future-proof)-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
<meta name="stuff" content="yea" />
|
||||
<title>Sr Izan's Website</title>
|
||||
<!--Scripts and styles-->
|
||||
<script>
|
||||
</script>
|
||||
<style>
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
BIN
content/background/bliss.jpg
Normal file
BIN
content/background/bliss.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 767 KiB |
BIN
content/background/bridge.jpg
Normal file
BIN
content/background/bridge.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
BIN
content/background/connections.png
Normal file
BIN
content/background/connections.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.8 MiB |
200
content/background/debian.svg
Normal file
200
content/background/debian.svg
Normal file
@@ -0,0 +1,200 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
width="2560"
|
||||
height="1440"
|
||||
viewBox="25 0 677.33331 381.00001"
|
||||
version="1.1"
|
||||
id="svg8"
|
||||
inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
|
||||
sodipodi:docname="2560x1440.svg"
|
||||
inkscape:export-filename="C:\Users\xine\Documents\2018-debian-buster\futurePrototype-source\desktop-wallpaper\png\wallpaper-1920x1080.png"
|
||||
inkscape:export-xdpi="96"
|
||||
inkscape:export-ydpi="96">
|
||||
<defs
|
||||
id="defs2">
|
||||
<linearGradient
|
||||
inkscape:collect="always"
|
||||
id="linearGradient873">
|
||||
<stop
|
||||
style="stop-color:#0c1830;stop-opacity:1"
|
||||
offset="0"
|
||||
id="stop869" />
|
||||
<stop
|
||||
style="stop-color:#5f7794;stop-opacity:1"
|
||||
offset="1"
|
||||
id="stop871" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#linearGradient873"
|
||||
id="linearGradient875"
|
||||
x1="535.66125"
|
||||
y1="-265.37906"
|
||||
x2="535.66125"
|
||||
y2="297.17203"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="matrix(0.49999999,0,0,0.49999999,-16.933352,423)" />
|
||||
</defs>
|
||||
<sodipodi:namedview
|
||||
id="base"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#b20eb2"
|
||||
borderopacity="1"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:zoom="0.30371095"
|
||||
inkscape:cx="1441.3921"
|
||||
inkscape:cy="714.70834"
|
||||
inkscape:document-units="px"
|
||||
inkscape:current-layer="layer1"
|
||||
showgrid="false"
|
||||
units="px"
|
||||
borderlayer="true"
|
||||
inkscape:showpageshadow="false"
|
||||
showborder="true"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1008"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="36"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:snap-bbox="true"
|
||||
inkscape:bbox-paths="true"
|
||||
inkscape:bbox-nodes="true"
|
||||
inkscape:snap-bbox-edge-midpoints="true"
|
||||
inkscape:snap-bbox-midpoints="true"
|
||||
inkscape:snap-page="true"
|
||||
inkscape:snap-nodes="true"
|
||||
inkscape:snap-global="true"
|
||||
inkscape:object-paths="true"
|
||||
inkscape:snap-intersection-paths="true"
|
||||
inkscape:snap-smooth-nodes="true"
|
||||
inkscape:snap-others="true"
|
||||
scale-x="0.19844"
|
||||
fit-margin-top="0"
|
||||
fit-margin-left="0"
|
||||
fit-margin-right="0"
|
||||
fit-margin-bottom="0"
|
||||
viewbox-x="-6.61" />
|
||||
<metadata
|
||||
id="metadata5">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title></dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer2"
|
||||
inkscape:label="back"
|
||||
style="display:inline"
|
||||
transform="translate(107.24443,-238.125)" />
|
||||
<g
|
||||
inkscape:label="buster"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(107.24443,36.375013)"
|
||||
style="display:inline">
|
||||
<g
|
||||
id="g881"
|
||||
transform="matrix(1.3333333,0,0,1.3333333,-84.666666,-51.374996)">
|
||||
<rect
|
||||
inkscape:export-filename="C:\Users\xine\Documents\2018-debian-buster\futurePrototype-source\desktop-wallpaper\png\wallpaper-4096x2160.png"
|
||||
style="display:inline;opacity:1;fill:url(#linearGradient875);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:6.98096466;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal;enable-background:new"
|
||||
id="rect1009"
|
||||
width="541.86664"
|
||||
height="285.75"
|
||||
x="-16.933319"
|
||||
y="285.75"
|
||||
inkscape:export-xdpi="96"
|
||||
inkscape:export-ydpi="96"
|
||||
transform="translate(0,-274.50001)" />
|
||||
<g
|
||||
id="g865">
|
||||
<g
|
||||
id="g852">
|
||||
<g
|
||||
id="g840">
|
||||
<g
|
||||
id="g850"
|
||||
inkscape:export-filename="C:\Users\xine\Documents\2018-debian-buster\futurePrototype-source\desktop-wallpaper\png\wallpaper-4096x2160.png"
|
||||
inkscape:export-xdpi="96"
|
||||
inkscape:export-ydpi="96"
|
||||
transform="matrix(0.49999999,0,0,0.49999999,-16.933325,148.49999)"
|
||||
style="stroke-width:2">
|
||||
<path
|
||||
transform="matrix(0.26458333,0,0,0.26458333,0,-274.50001)"
|
||||
inkscape:connector-curvature="0"
|
||||
id="rect6945"
|
||||
d="m 4096,213.4043 c -181.398,49.84648 -356.9629,122.70831 -521.1699,217.33398 -280.0429,161.37687 -528.7374,387.17968 -702.1231,667.63472 -173.3857,280.4551 -268.7325,616.7129 -247.5468,949.6875 2.3768,37.3559 6.2014,74.6656 10.748,111.9395 H 4096 Z"
|
||||
style="display:inline;opacity:0.05;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:52.76949692;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal;enable-background:new" />
|
||||
<path
|
||||
transform="matrix(0.26458333,0,0,0.26458333,0,-274.50001)"
|
||||
inkscape:connector-curvature="0"
|
||||
id="rect1009-3"
|
||||
d="m 4062.6191,1015.5117 c -99.5265,-0.085 -196.6509,12.7657 -290.2636,38.3731 -198.726,54.3595 -381.6278,166.2091 -538.1075,333.832 C 3055.83,1578.8404 2912.7906,1843.693 2814.5645,2160 H 4096 V 1016.043 c -11.155,-0.3314 -22.2841,-0.5218 -33.3809,-0.5313 z"
|
||||
style="display:inline;opacity:0.05;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:52.76949692;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal;enable-background:new" />
|
||||
<path
|
||||
transform="matrix(0.26458333,0,0,0.26458333,0,-274.50001)"
|
||||
sodipodi:nodetypes="csssccssccccc"
|
||||
inkscape:connector-curvature="0"
|
||||
id="rect6824"
|
||||
d="m 1629.8184,0 c -90.8566,137.17997 -158.1081,289.98136 -196.1153,450.0957 -29.9677,126.24631 -42.5685,257.0985 -86.873,379.05469 -22.1522,60.97809 -52.3846,119.56156 -94.2129,169.1543 -41.8283,49.59271 -95.7277,89.95811 -157.2793,110.46291 -58.3878,19.4507 -121.98209,20.5153 -182.38673,8.7363 C 852.54654,1105.725 795.10069,1081.4887 741.33203,1051.5488 633.79472,991.66914 540.39745,909.26708 435.01953,845.66406 303.28246,766.15145 153.18345,717.73529 0,703.61133 V 2160 h 4096 l -2e-4,-2160 z"
|
||||
style="display:inline;opacity:0.05;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:52.76949692;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal;enable-background:new" />
|
||||
<path
|
||||
transform="matrix(0.26458333,0,0,0.26458333,0,-274.50001)"
|
||||
inkscape:connector-curvature="0"
|
||||
id="rect6875"
|
||||
d="m 2980.1582,94.371094 c -310.3353,-0.787389 -620.7967,81.515716 -892.498,238.085936 -224.6687,129.46711 -424.1877,310.62161 -563.2891,535.62109 -139.1014,224.99948 -215.5942,494.76828 -198.5977,761.90238 11.0104,173.0494 60.2189,344.848 41.6328,517.1914 -0.4617,4.2812 -0.9765,8.5581 -1.5234,12.8281 H 4096 V 495.32227 c -1.1582,-0.93757 -2.3083,-1.88572 -3.4688,-2.82032 -280.792,-226.14051 -625.7729,-364.44268 -979.4941,-392.679684 -44.215,-3.529626 -88.5454,-5.338694 -132.8789,-5.451172 z"
|
||||
style="display:inline;opacity:0.05;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:52.76949692;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal;enable-background:new" />
|
||||
<path
|
||||
transform="matrix(0.26458333,0,0,0.26458333,0,-274.50001)"
|
||||
inkscape:connector-curvature="0"
|
||||
id="rect6840"
|
||||
d="m 3131.8008,1240.3203 c -206.0267,-0.081 -412.0023,32.5252 -607.25,98.4473 C 2106.4691,1479.9258 1739.9267,1776.6323 1524.2246,2160 H 4096 v -660.1211 c -46.9581,-27.6701 -95.1308,-53.2934 -144.3906,-76.7109 -255.0478,-121.2466 -537.4758,-182.7374 -819.8086,-182.8477 z"
|
||||
style="display:inline;opacity:0.05;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:52.76949692;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal;enable-background:new" />
|
||||
<path
|
||||
sodipodi:nodetypes="cccccccsscc"
|
||||
inkscape:connector-curvature="0"
|
||||
id="rect6831"
|
||||
d="m 201.57064,-274.50001 c -59.50544,41.03786 -96.04816,143.75354 -49.31765,204.466707 28.96227,34.740607 124.88358,22.289386 116.56482,81.279915 -5.83416,47.811626 23.42057,110.378938 61.44848,143.126948 72.49429,66.64872 141.31456,64.35723 233.94718,55.68375 106.98566,-10.57677 217.94537,-30.28748 322.72016,4.85305 58.44363,17.39381 113.68707,45.39844 162.38007,82.08962 8.9188,-20.07147 -95.2243,-128.1934 -132.8661,-177.66382 -25.79515,-33.901047 -156.81148,-185.463177 -296.19092,-316.62217 -23.88689,-22.47807 -69.39444,-77.214 -92.86571,-77.214 z"
|
||||
style="display:inline;opacity:0.05;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:13.96193027;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal;enable-background:new" />
|
||||
<path
|
||||
sodipodi:nodetypes="ccccccssc"
|
||||
inkscape:connector-curvature="0"
|
||||
id="rect6834"
|
||||
d="M 0,-257.14758 V 296.99998 H 915.53481 C 929.42435,202.41422 886.96698,93.287011 794.56467,54.980584 692.79396,13.343476 578.64554,57.25018 476.34252,17.279761 421.66235,1.2559597 362.47488,-33.12403 351.30822,-93.878903 c -4.05099,-35.686387 -42.72504,-63.856167 -74.36559,-58.787477 -52.85192,8.46667 -49.22915,48.66914 -141.82849,51.1401 C 69.787089,-99.783066 18.291006,-195.34546 0,-257.14758 Z"
|
||||
style="display:inline;opacity:0.05;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:13.96193027;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal;enable-background:new" />
|
||||
<path
|
||||
sodipodi:nodetypes="cccccsssssc"
|
||||
inkscape:connector-curvature="0"
|
||||
id="rect6828"
|
||||
d="m 88.215286,85.414205 c -2.702105,-0.0026 -5.407353,0.04133 -8.1163,0.13642 C 52.526755,86.518523 25.202344,92.981051 0,104.19703 V 296.915 c 218.55761,0.19124 437.30603,-2e-5 655.86384,-2e-5 2.66756,-10.68399 4.27509,-21.63138 4.73975,-32.63472 1.29953,-30.77316 -6.29613,-61.8709 -21.63641,-88.57959 C 623.62693,148.99199 600.59291,126.76072 573.35724,112.37689 525.27739,86.984746 467.89607,87.009325 413.89567,93.364617 359.89524,99.719909 306.02306,111.80293 251.75931,108.35646 196.75429,104.86291 143.15807,85.468207 88.215286,85.414205 Z"
|
||||
style="display:inline;opacity:0.05;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:13.96193027;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal;enable-background:new" />
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer3"
|
||||
inkscape:label="swirl"
|
||||
style="display:inline"
|
||||
transform="translate(107.24443,-238.125)" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 12 KiB |
BIN
content/background/forest.jpg
Normal file
BIN
content/background/forest.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 MiB |
BIN
content/background/lookdown.jpg
Normal file
BIN
content/background/lookdown.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.8 MiB |
BIN
content/background/macos.jpg
Normal file
BIN
content/background/macos.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
BIN
content/background/mountain.jpg
Normal file
BIN
content/background/mountain.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
BIN
content/background/waterfall.jpg
Normal file
BIN
content/background/waterfall.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 MiB |
BIN
content/background/windows95setup.png
Normal file
BIN
content/background/windows95setup.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 159 KiB |
40
index.html
40
index.html
@@ -14,6 +14,30 @@
|
||||
var element = document.body;
|
||||
element.classList.toggle("dark-mode");
|
||||
}
|
||||
function randomImage(){
|
||||
var images = [
|
||||
'content/background/bliss.jpg',
|
||||
'content/background/bridge.jpg',
|
||||
'content/background/connections.jpg',
|
||||
'content/background/debian.svg',
|
||||
'content/background/forest.jpg',
|
||||
'content/background/lookdown.jpg',
|
||||
'content/background/macos.jpg',
|
||||
'content/background/mountain.jpg',
|
||||
'content/background/waterfall.jpg',
|
||||
'content/background/windows95setup.jpg'];
|
||||
var size = images.length;
|
||||
var x = Math.floor(size * Math.random());
|
||||
console.log(x);
|
||||
var element = document.getElementsByClassName('home-intro');
|
||||
document.getElementById("homeintro").style.height="1000px";
|
||||
//document.getElementById("homeintro").style.backgroundImage =
|
||||
//"url("+images[x] +")";
|
||||
// }
|
||||
console.log(element);
|
||||
element[0].style["background-image"] = "url("+ images[x] + ") no-repeat;";
|
||||
}
|
||||
document.addEventListener("DOMContentLoaded", randomImage);
|
||||
</script>
|
||||
<style>
|
||||
body {
|
||||
@@ -32,6 +56,11 @@
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
}
|
||||
.contact{
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
.dark-mode {
|
||||
background-color: #23272A;
|
||||
color: white;
|
||||
@@ -53,10 +82,19 @@ left: 100%;
|
||||
}
|
||||
}
|
||||
img { border: 0; }
|
||||
|
||||
.home-intro{
|
||||
background-image: url("../images/1.png");
|
||||
background-color:grey;
|
||||
height:500px;
|
||||
color:white;
|
||||
text-align:center;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="home-intro show-for-medium-up" id="home-intro"></div>
|
||||
<a href="contact"><p class="contact">Contact me</p></a>
|
||||
<div class="lefttorighttext">
|
||||
<h1>Sr Izan's Website.</h1>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user