html/css isjsdeadyet
This commit is contained in:
Nina Juresic
0
assets/Icon
Normal file
0
assets/Icon
Normal file
BIN
assets/javascript@1x.png
Normal file
BIN
assets/javascript@1x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
BIN
assets/javascript@2x.png
Normal file
BIN
assets/javascript@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 129 KiB |
36
assets/logo-black.svg
Normal file
36
assets/logo-black.svg
Normal file
@@ -0,0 +1,36 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="138px" height="18px" viewBox="0 0 138 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 48.2 (47327) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>logo-black</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Desktop-Copy-3" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-616.000000, -2059.000000)">
|
||||
<g id="Group-8" transform="translate(527.000000, 2056.000000)" fill="#000000" fill-rule="nonzero">
|
||||
<g id="logo-black" transform="translate(89.000000, 2.000000)">
|
||||
<g id="saburly_final-_1_">
|
||||
<g id="g26" transform="translate(69.000000, 9.500000) scale(1, -1) translate(-69.000000, -9.500000) ">
|
||||
<path d="M5.87956543,7.21972623 C5.85480278,7.21883033 5.83121931,7.21912896 5.80704626,7.21972623 L5.75870014,7.22002487 C5.7427813,7.22002487 5.72715725,7.22121941 5.7115332,7.22271259 C5.68706535,7.22420577 5.6628923,7.22599758 5.63695048,7.22659485 C3.18338522,7.29259334 1.18704448,9.3672153 1.18704448,11.8515654 C1.18704448,14.3356168 3.18338522,16.4102388 5.63812965,16.4762373 C5.6628923,16.4768346 5.68706535,16.4786264 5.7115332,16.4801196 C5.72715725,16.4813141 5.7427813,16.4828073 5.75870014,16.4828073 L5.80704626,16.4831059 C5.81942758,16.4831059 5.83151411,16.4831059 5.8450746,16.4831059 C5.8586351,16.4831059 5.87337477,16.4831059 5.89106237,16.4828073 L14.9008323,16.4828073 L16.7692327,16.4828073 L16.7736546,17.5549093 L5.75870014,17.5549093 C5.7247989,17.5549093 5.69119246,17.5528189 5.65788081,17.5504298 L5.61660974,17.5480407 C2.59055574,17.4706941 0.128736267,14.9155673 0.128736267,11.8515654 C0.128736267,8.78756347 2.59055574,6.23183946 5.61719932,6.15479145 L5.65788081,6.15240237 C5.69119246,6.15001328 5.7247989,6.14792283 5.75870014,6.14792283" id="path34"></path>
|
||||
<path d="M5.7587591,6.07329378 C5.72279431,6.07329378 5.68800869,6.07538423 5.65263349,6.07777332 L5.61313117,6.0801624 C2.54934363,6.15840495 0.0550968818,8.74727752 0.0550968818,11.8515953 C0.0550968818,14.9553157 2.54904883,17.5444869 5.61460514,17.6227295 L5.65351787,17.6248199 C5.68800869,17.627209 5.72279431,17.6295981 5.7587591,17.6295981 L16.8477067,17.6295981 L16.8426952,16.4078796 L5.75905389,16.4078796 C5.74490381,16.4078796 5.73134332,16.4069837 5.71778282,16.4057891 L5.69773687,16.404296 C5.6785753,16.4031014 5.65941373,16.4019069 5.63966258,16.4013096 C3.22530484,16.3368043 1.26080179,14.2956295 1.26080179,11.8515953 C1.26080179,9.40726234 3.22471525,7.36608757 5.63907299,7.30128363 C5.65911894,7.30068636 5.6788701,7.29949182 5.69832646,7.29829728 L5.71778282,7.29710273 C5.73134332,7.29590819 5.74490381,7.29471365 5.7587591,7.29471365 L5.8076948,7.29441501 C5.83186786,7.29351911 5.85427215,7.29381774 5.87726604,7.29441501 L5.88168794,7.14509718 C5.85574612,7.14420127 5.83068868,7.14449991 5.80533645,7.14509718 L5.75846431,7.14539582 C5.74077671,7.14539582 5.72279431,7.146889 5.7054015,7.14838217 C5.67150026,7.15017399 5.65381266,7.15136853 5.63553547,7.1519658 C3.14187831,7.21886019 1.1134051,9.32722798 1.1134051,11.8515953 C1.1134051,14.3756639 3.1421731,16.483733 5.63583026,16.5506274 C5.65381266,16.5512247 5.67120547,16.5521206 5.68859828,16.5533152 L5.70717026,16.5545097 C5.72279431,16.5560029 5.74077671,16.5571974 5.7587591,16.5571974 L5.84513356,16.5577947 L5.89347967,16.5571974 L16.6958881,16.5571974 L16.6997204,17.4802803 L5.7587591,17.4802803 C5.72633183,17.4802803 5.69449415,17.4778912 5.66265646,17.4758007 L5.6207958,17.4734116 C2.63218057,17.3969609 0.202493569,14.8752814 0.202493569,11.8515953 C0.202493569,8.82761052 2.63247536,6.30563233 5.61902704,6.2291816 L5.66177208,6.22679251 C5.69449415,6.22470206 5.72633183,6.22261161 5.7587591,6.22261161 L5.7587591,6.07329378 Z" id="path38"></path>
|
||||
<path d="M11.0229139,10.5102732 C11.0476765,10.5111691 11.07126,10.5108704 11.095433,10.5102732 L11.1437792,10.5099745 C11.159698,10.5099745 11.1753221,10.50878 11.1909461,10.5072868 C11.215414,10.5057936 11.239587,10.5040018 11.2655288,10.5034045 C13.7190941,10.4374061 15.7154348,8.3627841 15.7154348,5.87843401 C15.7154348,3.39438255 13.7190941,1.31976059 11.2643497,1.25376211 C11.239587,1.25316484 11.215414,1.25137302 11.1909461,1.24987985 C11.1753221,1.2486853 11.159698,1.24719213 11.1437792,1.24719213 L11.095433,1.24689349 C11.0830517,1.24689349 11.0709652,1.24689349 11.0574047,1.24689349 C11.0438442,1.24689349 11.0291045,1.24689349 11.0114169,1.24719213 L2.00164702,1.24719213 L0.133246605,1.24719213 L0.128824705,0.17509009 L11.1437792,0.17509009 C11.1776804,0.17509009 11.2112868,0.17718054 11.2445985,0.179569625 L11.2858696,0.18195871 C14.3119236,0.259305347 16.773743,2.81443209 16.773743,5.87843401 C16.773743,8.94243593 14.3119236,11.4981599 11.28528,11.5752079 L11.2445985,11.577597 C11.2112868,11.5799861 11.1776804,11.5820766 11.1437792,11.5820766" id="path42"></path>
|
||||
<polygon id="path46" points="35.0008764 0.170939054 27.4196751 15.0143261 19.8384739 0.170939054 18.7666052 0.695641917 27.4196751 17.6375418 36.0727451 0.695641917"></polygon>
|
||||
<path d="M50.4968375,11.7340523 L50.4573352,11.7361427 C50.4431851,11.7370386 50.429035,11.7373372 50.414885,11.7379345 L50.414885,11.7406222 L50.3532732,11.7406222 C50.3526836,11.7406222 50.352094,11.7406222 50.3512096,11.7406222 L50.3296897,11.7406222 L50.3296897,10.5150215 L50.414885,10.5150215 L50.414885,10.5156187 C50.4331622,10.5144242 50.4517341,10.5132297 50.4711905,10.5126324 C52.8852534,10.4478284 54.8494617,8.40665368 54.8494617,5.9626194 C54.8494617,3.51828649 52.8849587,1.47711172 50.4703061,1.41230778 C50.4496706,1.41200915 50.4293298,1.41081461 50.3918911,1.40842552 C50.3783306,1.40723098 50.3650649,1.40603644 50.3509148,1.40603644 L40.4414355,1.40603644 L40.4414355,6.07908731 L39.262262,6.07908731 L39.262262,0.184616568 L50.3512096,0.184616568 C50.3868796,0.184616568 50.4222548,0.186707017 50.456156,0.189096103 L50.4953636,0.191485188 C53.5609199,0.269727732 56.0548718,2.85860031 56.0548718,5.9626194 C56.0548718,9.0666385 53.5606251,11.6555111 50.4968375,11.7340523" id="path50"></path>
|
||||
<path d="M50.4703356,7.30116418 C50.4497001,7.30056691 50.4293593,7.29937237 50.3916258,7.29698328 C50.3783601,7.29578874 50.3650944,7.29489283 50.3509443,7.29489283 L40.441465,7.29489283 L40.441465,16.4035792 L50.4149144,16.4035792 L50.4149144,16.4041765 C50.4331916,16.402982 50.4517636,16.4020861 50.4709252,16.4014888 C52.8852829,16.3366848 54.8491964,14.2955101 54.8491964,11.8511772 C54.8491964,9.40714289 52.8846933,7.36596812 50.4703356,7.30116418 M50.496867,17.6229087 L50.4573647,17.6247005 C50.4432146,17.625895 50.4287697,17.625895 50.4149144,17.6267909 L50.4149144,17.6294786 L50.3533026,17.6294786 C50.352713,17.6294786 50.3521235,17.6294786 50.3512391,17.6294786 L40.441465,17.6294786 L39.2746728,17.6294786 L39.2622915,17.6294786 L39.2622915,6.07347296 L40.441465,6.07347296 L50.3512391,6.07347296 C50.3869091,6.07347296 50.4222843,6.07556341 50.4561855,6.07765386 L50.495393,6.08004295 C53.5609493,6.15858413 56.0549013,8.7474567 56.0549013,11.8511772 C56.0549013,14.9554949 53.5606546,17.5443675 50.496867,17.6229087" id="path54"></path>
|
||||
<g id="Group-7" transform="translate(59.947522, 0.173326)">
|
||||
<path d="M8.47484589,0.00185388336 C3.86103478,0.00185388336 0.107430737,3.86918574 0.107430737,8.62286825 C0.107430737,8.68020629 0.10418801,8.73993343 0.101240076,8.79995919 C0.0929858613,8.94629067 0.0853212336,9.08873988 0.0944598282,9.23387682 L0.0932806547,17.4783116 L1.2839511,17.4783116 L1.2839511,9.19445691 C1.27746564,9.07321083 1.2836563,8.98182831 1.28896258,8.89164034 C1.29397407,8.79697284 1.29839597,8.70797941 1.29839597,8.62286825 C1.29839597,4.53603918 4.51783442,1.21162696 8.47484589,1.21162696 C12.2903565,1.21162696 15.4520155,4.28518522 15.6728157,8.20925785 L15.6819543,8.46130635 C15.6843127,8.53566663 15.6857866,8.59091423 15.6857866,8.64646046 C15.6857866,8.70230533 15.6843127,8.7581502 15.6825439,8.8133978 L15.6622032,9.33959384 L16.8578851,9.37990966 L16.8717404,8.87252766 C16.8743935,8.79757011 16.8764571,8.72261256 16.8764571,8.64646046 C16.8764571,8.570607 16.8743935,8.49564945 16.8717404,8.42039327 L16.8519892,7.99244836 C16.5194623,3.50634341 12.840441,0.00185388336 8.47484589,0.00185388336" id="path58"></path>
|
||||
<path d="M4.755261,11.0601832 C4.755261,11.5860806 5.17593115,12.0122337 5.69506228,12.0122337 C6.21389862,12.0122337 6.63456877,11.5860806 6.63456877,11.0601832 C6.63456877,10.5342858 6.21389862,10.1081327 5.69506228,10.1081327 C5.17593115,10.1081327 4.755261,10.5342858 4.755261,11.0601832" id="path62"></path>
|
||||
<path d="M10.5829428,11.0601832 C10.5829428,11.5860806 11.0036129,12.0122337 11.5227441,12.0122337 C12.0415804,12.0122337 12.4622506,11.5860806 12.4622506,11.0601832 C12.4622506,10.5342858 12.0415804,10.1081327 11.5227441,10.1081327 C11.0036129,10.1081327 10.5829428,10.5342858 10.5829428,11.0601832" id="path66"></path>
|
||||
</g>
|
||||
<path d="M91.4542499,6.07765386 C91.4203486,6.07526478 91.3849734,6.07317433 91.3493034,6.07317433 L89.8393718,6.07317433 L95.585779,0.175119954 L97.1982988,0.175119954 L91.4996481,6.08034158 C91.4972897,6.08034158 91.4955209,6.08004295 91.4934574,6.08004295 L91.4542499,6.07765386 Z" id="path70"></path>
|
||||
<polygon id="path74" points="81.4505841 16.4036091 81.4393819 16.4036091 81.4393819 7.29462406 81.444983 7.29462406 81.444983 14.696309 88.6503227 7.29462406 90.317674 7.29462406"></polygon>
|
||||
<polygon id="path78" points="80.2602969 6.07326392 80.2602969 10.660905 80.2476208 0.175209544 81.4412391 0.175209544 81.4450715 6.07326392 81.4394704 6.07326392"></polygon>
|
||||
<path d="M91.4948429,17.6226697 L91.4553406,17.6247602 C91.4411905,17.6256561 91.4270404,17.6259547 91.4128904,17.626552 L91.4128904,17.6292397 L91.3512785,17.6292397 C91.350689,17.6292397 91.3500994,17.6292397 91.349215,17.6292397 L81.4394409,17.6292397 L80.2729435,17.6292397 L80.2602674,17.6292397 L80.2602674,10.6608751 L80.2602674,6.07323405 L81.4394409,6.07323405 L81.445042,6.07323405 L81.445042,7.29465392 L81.4394409,7.29465392 L81.4394409,16.403639 L81.450643,16.403639 L91.4128904,16.403639 L91.4128904,16.4042362 C91.4311676,16.4030417 91.4500343,16.4018471 91.4691959,16.4012499 C93.8832588,16.3364459 95.8474671,14.2952712 95.8474671,11.8512369 C95.8474671,9.40690398 93.8829641,7.36572921 91.4683115,7.30092527 C91.447676,7.30062664 91.4273352,7.29943209 91.3898965,7.29704301 C91.376336,7.29584846 91.3630703,7.29465392 91.3489202,7.29465392 L90.3174382,7.29465392 L88.6503816,7.29465392 L89.8392833,6.07323405 L91.349215,6.07323405 C91.384885,6.07323405 91.4202602,6.0753245 91.4541614,6.07771359 L91.493369,6.08010267 C91.4954325,6.08010267 91.4974961,6.08040131 91.4995596,6.08040131 C94.562168,6.16222748 97.0528772,8.74930824 97.0528772,11.8512369 C97.0528772,14.955256 94.5586305,17.5441286 91.4948429,17.6226697" id="path82"></path>
|
||||
<path d="M103.404672,16.3750894 L109.895138,16.3750894 L109.895138,1.39791355 L103.404672,1.39791355 L103.404672,16.3750894 Z M102.208695,0.175299135 L111.091115,0.175299135 L111.091115,17.5983011 L102.208695,17.5983011 L102.208695,0.175299135 Z" id="path84"></path>
|
||||
<polygon id="path88" points="118.986625 0.175179681 102.208754 0.175179681 102.208754 5.72771259 103.404731 5.72771259 103.404731 1.39809273 117.813642 1.39570364 117.813642 5.72771259 118.986625 5.72771259"></polygon>
|
||||
<polygon id="path92" points="133.278885 0.20331116 133.278885 17.5361251 132.082909 17.5361251 132.082909 1.41756377 124.837182 1.399347 124.838361 0.20331116"></polygon>
|
||||
<path d="M137.988976,17.0716272 L137.974826,17.5790092 L136.779439,17.5386934 L136.799485,17.0124974 C136.801253,16.9572498 136.803022,16.9017035 136.803022,16.84556 C136.803022,16.7900138 136.801253,16.7347662 136.798895,16.6604059 L136.789757,16.4083574 C136.569251,12.4845834 133.407297,9.41072651 129.592082,9.41072651 C125.634775,9.41072651 122.415337,12.7354374 122.415337,16.8222664 C122.415337,16.907079 122.410915,16.996371 122.405903,17.0907399 C122.400892,17.1809279 122.394701,17.2723104 122.401187,17.3935565 L122.401187,17.6354513 L121.211695,17.6354513 L121.211695,17.4329764 C121.202262,17.2878394 121.210221,17.1453902 121.218181,16.9990587 C121.221424,16.939033 121.224372,16.8793058 121.224372,16.8222664 C121.224372,12.0685839 124.977976,8.20095344 129.592082,8.20095344 C133.957382,8.20095344 137.636698,11.705443 137.96893,16.1915479 L137.988976,16.6194928 C137.991334,16.694749 137.993693,16.7697066 137.993693,16.84556 C137.993693,16.9217121 137.991334,16.9969683 137.988976,17.0716272" id="path96"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 13 KiB |
6
css/bootstrap.min.css
vendored
Normal file
6
css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
408
css/style.css
Normal file
408
css/style.css
Normal file
@@ -0,0 +1,408 @@
|
||||
/* =========== Typography ========== */
|
||||
html,body{
|
||||
height: 100%;
|
||||
}
|
||||
@font-face{
|
||||
font-family:'Roboto''Helvetica-Regular';
|
||||
src:url(../fonts/Helvetica-Regular.ttf);
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0px !important;
|
||||
padding: 0px;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
color: #4A4A4A;
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
/* ======DEFAULT BROWSER STYLE========= */
|
||||
a {
|
||||
color: #4A4A4A !important;
|
||||
text-decoration: none;
|
||||
}
|
||||
.our-projects {
|
||||
color: #4A4A4A !important;
|
||||
text-decoration: underline;
|
||||
text-decoration-style: solid;
|
||||
font-weight: 600;
|
||||
}
|
||||
a:hover {
|
||||
color: #4A4A4A !important;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
a:focus{
|
||||
text-decoration: none;
|
||||
}
|
||||
a:focus,.btn:focus,.btn:active:focus,
|
||||
button:focus,input[type="file"]:focus,
|
||||
input[type="radio"]:focus,
|
||||
input[type="checkbox"]:focus{
|
||||
outline: none;
|
||||
}
|
||||
ul,p{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.text-white{
|
||||
color: rgb(29, 29, 29) !important;
|
||||
}
|
||||
/*===============Custom Spacing=============*/
|
||||
.space10{
|
||||
margin-top: 10px;
|
||||
}
|
||||
.space20{
|
||||
margin-top: 20px;
|
||||
}
|
||||
.space30{
|
||||
margin-top: 30px;
|
||||
}
|
||||
.space40{
|
||||
margin-top: 40px;
|
||||
}
|
||||
.space50{
|
||||
margin-top: 50px;
|
||||
}
|
||||
.space60{
|
||||
margin-top: 60px;
|
||||
}
|
||||
.space70{
|
||||
margin-top: 70px;
|
||||
}
|
||||
.space80{
|
||||
margin-top: 80px;
|
||||
}
|
||||
.space90{
|
||||
margin-top: 90px;
|
||||
}
|
||||
.space100{
|
||||
margin-top: 100px;
|
||||
}
|
||||
.space200{
|
||||
margin-top: 200px;
|
||||
}
|
||||
/*==================Main Stylesheet==========================*/
|
||||
p {
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
margin: 0px;
|
||||
padding: 10px;
|
||||
}
|
||||
h2 {
|
||||
font-size: 30px !important;
|
||||
font-weight: 300;
|
||||
margin: 0px;
|
||||
padding: 10px;
|
||||
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 24px;
|
||||
font-weight: 400;
|
||||
margin: 0px;
|
||||
|
||||
}
|
||||
lh {
|
||||
font-size: 100px;
|
||||
font-weight: 400;
|
||||
margin: 0px;
|
||||
text-align: center;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
sb {
|
||||
font-size: 72px;
|
||||
font-weight: 400;
|
||||
margin: 0px;
|
||||
text-align: center;
|
||||
}
|
||||
.container {
|
||||
padding-right: 15px !important;
|
||||
padding-left: 15px !important;
|
||||
margin-right: auto !important;
|
||||
margin-left: auto !important;
|
||||
}
|
||||
.landing-margin{
|
||||
margin: 40px;
|
||||
}
|
||||
.landing {
|
||||
position: relative;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0% 50%;
|
||||
width: 100%;
|
||||
height: 700px;
|
||||
}
|
||||
|
||||
.landing-headline {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
vertical-align: middle;
|
||||
width: 100%;
|
||||
top: 35%;
|
||||
color: #4A4A4A;
|
||||
padding-left: 10%;
|
||||
padding-right: 10%;
|
||||
}
|
||||
.subtitle {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fusnote {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.left align{
|
||||
text-align: start;
|
||||
}
|
||||
.link {
|
||||
font-size: 20px;
|
||||
font-weight: 400;
|
||||
margin: 0px;
|
||||
padding: 10px;
|
||||
color: rgb(0, 0, 0);
|
||||
text-decoration: none;
|
||||
}
|
||||
.link-description{
|
||||
font-size: 18px;
|
||||
font-weight: 200;
|
||||
}
|
||||
.container-line{
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
.highlight-line {
|
||||
border-left: 4px solid rgba(253, 243, 98, 0);
|
||||
padding-left: 0px
|
||||
}
|
||||
.highlight-line:hover {
|
||||
border-left: 4px solid rgb(253, 243, 98);
|
||||
padding-left: 0px
|
||||
}
|
||||
.flex-center {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.text-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.divider {
|
||||
border: 1px solid rgb(121, 121, 121);
|
||||
}
|
||||
.flex-center{
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.tweet {
|
||||
font-size: 50px;
|
||||
color:#4A4A4A;
|
||||
opacity: 0.8;
|
||||
}
|
||||
.tweet:hover {
|
||||
font-size: 50px;
|
||||
color:#4A4A4A;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*========================Media Query================================*/
|
||||
@media(max-width: 1199px){
|
||||
|
||||
}
|
||||
@media(max-width: 991px){
|
||||
lh {
|
||||
font-size: 80px;
|
||||
}
|
||||
sb{
|
||||
font-size: 52px
|
||||
}
|
||||
h2 {
|
||||
font-size: 30px !important;
|
||||
}
|
||||
@media(max-width: 767px){
|
||||
lh {
|
||||
font-size: 60px;
|
||||
}
|
||||
sb{
|
||||
font-size: 42px
|
||||
}
|
||||
.landing {
|
||||
height: 100vh;
|
||||
|
||||
}
|
||||
.landing-margin{
|
||||
margin: 16px;
|
||||
}
|
||||
p {
|
||||
font-size: 16px;
|
||||
}
|
||||
.landing-headline {
|
||||
top: 25%;
|
||||
padding-right: 8px;
|
||||
padding-left: 8px;
|
||||
}
|
||||
h2 {
|
||||
font-size: 24px !important;
|
||||
}
|
||||
.link {
|
||||
font-size: 16px;
|
||||
}
|
||||
.link-description {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
}
|
||||
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape){
|
||||
lh {
|
||||
font-size: 55px;
|
||||
}
|
||||
sb{
|
||||
font-size: 42px
|
||||
}
|
||||
.landing {
|
||||
height: 100vh;
|
||||
}
|
||||
.fusnote {
|
||||
padding-right: 0px
|
||||
}
|
||||
.landing-margin{
|
||||
margin: 16px;
|
||||
}
|
||||
p {
|
||||
font-size: 14px;
|
||||
padding-top: 0px;
|
||||
}
|
||||
h2 {
|
||||
font-size: 24px !important;
|
||||
}
|
||||
.container {
|
||||
padding-right: 0px !important;
|
||||
padding-left: 0px !important;
|
||||
}
|
||||
.link {
|
||||
font-size: 16px;
|
||||
}
|
||||
.link-description {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
}
|
||||
@media(max-width: 375px){
|
||||
lh {
|
||||
font-size: 55px;
|
||||
}
|
||||
sb{
|
||||
font-size: 42px
|
||||
}
|
||||
.landing {
|
||||
height: 100vh;
|
||||
}
|
||||
.landing-margin{
|
||||
margin: 0px;
|
||||
}
|
||||
.landing-headline {
|
||||
padding-left: 0%;
|
||||
padding-right: 0%;
|
||||
}
|
||||
.fusnote {
|
||||
padding-right: 0px
|
||||
}
|
||||
p {
|
||||
font-size: 14px;
|
||||
padding-top: 0px;
|
||||
}
|
||||
h2 {
|
||||
font-size: 24px !important;
|
||||
}
|
||||
.container {
|
||||
padding-right: 0px !important;
|
||||
padding-left: 0px !important;
|
||||
}
|
||||
.link {
|
||||
font-size: 16px;
|
||||
}
|
||||
.link-description {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
}
|
||||
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape){
|
||||
.landing-margin{
|
||||
margin: 0px;
|
||||
}
|
||||
.fusnote {
|
||||
padding-right: 0px
|
||||
}
|
||||
p {
|
||||
font-size: 14px;
|
||||
padding-top: 0px;
|
||||
}
|
||||
h2 {
|
||||
font-size: 24px !important;
|
||||
}
|
||||
.container {
|
||||
padding-right: 0px !important;
|
||||
padding-left: 0px !important;
|
||||
}
|
||||
.link {
|
||||
font-size: 16px;
|
||||
}
|
||||
.link-description {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
@media(max-width: 320px){
|
||||
.landing-margin{
|
||||
margin: 0px;
|
||||
}
|
||||
.fusnote {
|
||||
padding-right: 0px
|
||||
}
|
||||
p {
|
||||
font-size: 14px;
|
||||
padding-top: 0px;
|
||||
}
|
||||
.container {
|
||||
padding-right: 0px !important;
|
||||
padding-left: 0px !important;
|
||||
}
|
||||
.link {
|
||||
font-size: 16px;
|
||||
}
|
||||
.link-description {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
@media only screen
|
||||
and (min-device-width : 320px)
|
||||
and (max-device-width : 568px)
|
||||
and (orientation : landscape) {
|
||||
.landing-margin{
|
||||
margin: 0px;
|
||||
}
|
||||
.fusnote {
|
||||
padding-right: 0px
|
||||
}
|
||||
p {
|
||||
font-size: 14px;
|
||||
padding-top: 0px;
|
||||
}
|
||||
.link {
|
||||
font-size: 16px;
|
||||
}
|
||||
.link-description {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
111
isjsdeadyet.html
Normal file
111
isjsdeadyet.html
Normal file
@@ -0,0 +1,111 @@
|
||||
<!doctype html>
|
||||
<html class="no-js" lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<!-- title -->
|
||||
<title>sjsdeadyet</title>
|
||||
|
||||
<!--<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
|
||||
<link rel="icon" href="favicon.ico" type="image/x-icon">-->
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
<link href="css/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet" type="text/css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
|
||||
<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:700' rel='stylesheet' type='text/css'>
|
||||
<link href='https://fonts.googleapis.com/css?family=Roboto:100' rel='stylesheet' type='text/css'>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<!--landing-->
|
||||
<div class="landing-margin">
|
||||
<div class="landing" style="background-image: url(assets/javascript@1x.png);">
|
||||
|
||||
<div class="landing-headline">
|
||||
<lh>Is Javascript dead* yet?</lh>
|
||||
</div>
|
||||
<div class="fusnote">
|
||||
<div style="color: rgb(0, 0, 0)"><p>*by dead - we mean having less than 70% market share on the frontend</p></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="container">
|
||||
<!--No-->
|
||||
<div class="subtitle space50">
|
||||
<sb>No! Very much alive!</sb>
|
||||
</div>
|
||||
<!--Links title-->
|
||||
<div class="left align space50">
|
||||
<h2>Here are some potential javascript killers:</h2>
|
||||
</div>
|
||||
<!--Links list-->
|
||||
<a style="display:block" href="https://github.com/DenisKolodin/yew">
|
||||
<div class="container-line highlight-line space20">
|
||||
<div>
|
||||
<p class="link">https://github.com/DenisKolodin/yew</p>
|
||||
<p class="link-description">Lorem ipsum dolor sit amet,
|
||||
consectetur adipiscing elit. Pellentesque maximus vel nunc sit
|
||||
amet vehicula. Nam volutpat tellus vel molestie finibus.</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a style="display:block" href="https://tbfleming.github.io/cib/">
|
||||
<div class="container-line highlight-line space20">
|
||||
<div>
|
||||
<p class="link">https://tbfleming.github.io/cib/</p>
|
||||
<p class="link-description">Lorem ipsum dolor sit amet,
|
||||
consectetur adipiscing elit. Pellentesque maximus vel nunc sit
|
||||
amet vehicula. Nam volutpat tellus vel molestie finibus.</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a style="display:block" href="https://tbfleming.github.io/cib/">
|
||||
<div class="container-line highlight-line space20">
|
||||
<div>
|
||||
<p class="link">https://tbfleming.github.io/cib/</p>
|
||||
<p class="link-description">Lorem ipsum dolor sit amet,
|
||||
consectetur adipiscing elit. Pellentesque maximus vel nunc sit
|
||||
amet vehicula. Nam volutpat tellus vel molestie finibus.</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a style="display:block" href="http://teavm.org/">
|
||||
<div class="container-line highlight-line space20">
|
||||
<div>
|
||||
<p class="link">http://teavm.org/</p>
|
||||
<p class="link-description">Lorem ipsum dolor sit amet,
|
||||
consectetur adipiscing elit. Pellentesque maximus vel nunc sit
|
||||
amet vehicula. Nam volutpat tellus vel molestie finibus.</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!--rest of the text-->
|
||||
<div class="space40">
|
||||
<p>We use Javascript every day.
|
||||
Most of <a class="our-projects" href="http://www.saburly.com/">our projects</a> have javascript in it.
|
||||
However we love ohter languages too
|
||||
and love the freedom of using them on the frontend.</p>
|
||||
|
||||
<h2>Why do you hate Javascript?</h2>
|
||||
</div>
|
||||
</div>
|
||||
<!--made by Saburly-->
|
||||
<div class="flex-center space50">
|
||||
<p style="margin:0; font-weight:200">Made by</p>
|
||||
<img src="assets/logo-black.svg">
|
||||
</div>
|
||||
<div class="flex-center">
|
||||
<a style="padding-bottom:20px" href="https://twitter.com/saburly" class="tweet"><span class="fa fa-twitter tweet"></span></a>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user