From 8c0966b445c2e6be218276aa0ce3639dd6bd8335 Mon Sep 17 00:00:00 2001 From: Paoda Date: Sat, 24 Sep 2016 17:29:14 -0500 Subject: [PATCH] changed background to something better --- Dependencies/CSS/cover.css | 161 ++++++++++++++++++--------------- Dependencies/credits.txt | 2 + Dependencies/icons/favicon.png | Bin 0 -> 3551 bytes index.html | 81 +++++++---------- 4 files changed, 124 insertions(+), 120 deletions(-) create mode 100644 Dependencies/credits.txt create mode 100644 Dependencies/icons/favicon.png diff --git a/Dependencies/CSS/cover.css b/Dependencies/CSS/cover.css index 8a89cde..0d6ca21 100644 --- a/Dependencies/CSS/cover.css +++ b/Dependencies/CSS/cover.css @@ -2,21 +2,26 @@ * Globals */ + /* Links */ + a, a:focus, a:hover { - color: #fff; + color: #fff; } + /* Custom default button */ + .btn-secondary, .btn-secondary:hover, .btn-secondary:focus { - color: #333; - text-shadow: none; /* Prevent inheritance from `body` */ - background-color: #fff; - border: .05rem solid #fff; + color: #333; + text-shadow: none; + /* Prevent inheritance from `body` */ + background-color: #fff; + border: .05rem solid #fff; } @@ -26,36 +31,48 @@ a:hover { html, body { - height: 100%; - background-color: #333; + height: 100%; + background-image: url("https://my.mixtape.moe/zobucp.jpg"); + background-position: center; + background-attachment: fixed; + background-size: cover; + } + body { - color: #fff; - text-align: center; - text-shadow: 0 .05rem .1rem rgba(0,0,0,.5); + color: #fff; + text-align: center; + text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5); } + /* Extra markup and styles for table-esque vertical and horizontal centering */ + .site-wrapper { - display: table; - width: 100%; - height: 100%; /* For at least Firefox */ - min-height: 100%; - -webkit-box-shadow: inset 0 0 5rem rgba(0,0,0,.5); - box-shadow: inset 0 0 5rem rgba(0,0,0,.5); -} -.site-wrapper-inner { - display: table-cell; - vertical-align: top; -} -.cover-container { - margin-right: auto; - margin-left: auto; + display: table; + width: 100%; + height: 100%; + /* For at least Firefox */ + min-height: 100%; + -webkit-box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5); + box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5); } +.site-wrapper-inner { + display: table-cell; + vertical-align: top; +} + +.cover-container { + margin-right: auto; + margin-left: auto; +} + + /* Padding for spacing */ + .inner { - padding: 2rem; + padding: 2rem; } @@ -64,42 +81,42 @@ body { */ .masthead { - margin-bottom: 2rem; + margin-bottom: 2rem; } .masthead-brand { - margin-bottom: 0; + margin-bottom: 0; } .nav-masthead .nav-link { - padding: .25rem 0; - font-weight: bold; - color: rgba(255,255,255,.5); - background-color: transparent; - border-bottom: .25rem solid transparent; + padding: .25rem 0; + font-weight: bold; + color: rgba(255, 255, 255, .5); + background-color: transparent; + border-bottom: .25rem solid transparent; } .nav-masthead .nav-link:hover, .nav-masthead .nav-link:focus { - border-bottom-color: rgba(255,255,255,.25); + border-bottom-color: rgba(255, 255, 255, .25); } .nav-masthead .nav-link + .nav-link { - margin-left: 1rem; + margin-left: 1rem; } .nav-masthead .active { - color: #fff; - border-bottom-color: #fff; + color: #fff; + border-bottom-color: #fff; } @media (min-width: 48em) { - .masthead-brand { - float: left; - } - .nav-masthead { - float: right; - } + .masthead-brand { + float: left; + } + .nav-masthead { + float: right; + } } @@ -108,11 +125,12 @@ body { */ .cover { - padding: 0 1.5rem; + padding: 0 1.5rem; } + .cover .btn-lg { - padding: .75rem 1.25rem; - font-weight: bold; + padding: .75rem 1.25rem; + font-weight: bold; } @@ -121,7 +139,7 @@ body { */ .mastfoot { - color: rgba(255,255,255,.5); + color: rgba(255, 255, 255, .5); } @@ -130,31 +148,32 @@ body { */ @media (min-width: 40em) { - /* Pull out the header and footer */ - .masthead { - position: fixed; - top: 0; - } - .mastfoot { - position: fixed; - bottom: 0; - } - /* Start the vertical centering */ - .site-wrapper-inner { - vertical-align: middle; - } - /* Handle the widths */ - .masthead, - .mastfoot, - .cover-container { - width: 100%; /* Must be percentage or pixels for horizontal alignment */ - } + /* Pull out the header and footer */ + .masthead { + position: fixed; + top: 0; + } + .mastfoot { + position: fixed; + bottom: 0; + } + /* Start the vertical centering */ + .site-wrapper-inner { + vertical-align: middle; + } + /* Handle the widths */ + .masthead, + .mastfoot, + .cover-container { + width: 100%; + /* Must be percentage or pixels for horizontal alignment */ + } } @media (min-width: 62em) { - .masthead, - .mastfoot, - .cover-container { - width: 42rem; - } -} + .masthead, + .mastfoot, + .cover-container { + width: 42rem; + } +} \ No newline at end of file diff --git a/Dependencies/credits.txt b/Dependencies/credits.txt new file mode 100644 index 0000000..82d7987 --- /dev/null +++ b/Dependencies/credits.txt @@ -0,0 +1,2 @@ +
Icons made by Madebyoliver from www.flaticon.com is licensed by CC 3.0 BY
+

Cover template for Bootstrap, by @mdo.

\ No newline at end of file diff --git a/Dependencies/icons/favicon.png b/Dependencies/icons/favicon.png new file mode 100644 index 0000000000000000000000000000000000000000..d3d63ebba6fd586857278a6f0e9a6829e58192eb GIT binary patch literal 3551 zcmeHJ`8Sl07k=Lv%h-2jYzY;SC6S%7Wr@i;LI??2vM)7WON0{H*CrK3m}HAEWlv1D z?EAhiBeKp{f5!Km&ppp`@43&pKiu=2bI-XkXhR(aT5ehZ02p*{Xd0hZ=pPaA)4Vg8 zxPMyUKG$_k5eUS{l+omAOXGFJ(gy(eqW=+mF}LM(Dx!R~Fuo?9_k08Fy`6x7fB*>> z4>unNdoL#mPjBa}b!BbNmia8^)A_}uvmBBB??FG)yBNne(cmAfjhps1v* zqN;Z7x`vjv&JA5X{hNkH=v&4nre@|A7|YvM);4!+?d%2E_-{lv)|4{U?xTF;S zsqAxkMP*g>mzuA2^$p(|n_F7j+JF4)>>_se^!EQA7#tcN866v+n4FrPnVnx)Tv}dP zU0dJS+}bAX{Mp_6yMJ(abbRvaI+E)2)(dqtubBo8uVt=;uxoKf6KAy%tWOalk#TKN z_l3j7@~q#C`Zimky{<(-H$7!Z!69H_z!YmZ4UKS; z6zPQT@U@AGY*NNjZkPC~s!>;!qK(bM+PbY-PN8d}zgyKm9ERc}AI6KHbp?#3+j5_A z6Rvgv^)cp0VRxK?@vvJkOuU8_|2djmYB{aof%B7(uI~uTU+$^Z);5Z&4Vw^bSi5Q$ z&?hV}xqUdVr61K1*1{vyu+h@8*d{flj2~*x$r4Jl->Aq`>F1$k9xhMLqT3#O|;ls$R9p297+^~!7KJmG;@#R=+qd_j@uJ;v3 zB!XElyl#HgmDWHt)4y}6p9+;v#2hy^XDUL&nVFgA2{tCZNQ3aIhH^>G*!i)&p0#g| zgBZ5^T%i~hA)C-wD;fo6AnVtaqD{*|i-3w$dxVuIwu0L5Ny(h#x09^S=)Kf5_K(@G zRPJi-9;Hy8n^PsvpAi57<$(_zNwCSfVkY%ySS~I^Y~Z4fW)j zUuszekr#c!^dA?yGD-W^xZ(X?@PF+<4>A|UK9&T1oFa0}T4&P0%-qjcb5#Z?y!N*Q zga&QTkIpvu4+%63->7j81PdQHM+p@HUuBN!Y{)h=UXLtwEfN?vKPb zm;E6UH|a|8VaT(6CtgTay#Nkm9UbTvSZaYn)(+j`YEkJo0cr!=4K?7sOwCfa@F5^Q z0_y$2@}>F64dVUfbchVB`e3El`dw&x#O71z3CrZAL%Ct_9yJB#H!9yfT7cX}?*9hQAAo&O~UT{Y3v zEQ4Cu8$+qpLu&yg_-_k1BX{C1k(9M_KpgS>%fyHn#0-iG3Wic+(I?BP!p)2X3?y5> zo$dp^R^dYqKXDS0NLdIDl6pE0jdoY`Xjej6M2h z8Cxt^|J-7Z7jo8etft0!TXj?ZTpHlUA>|*$O9TPbNsUCFcIt|>ORND%k z49z)X1Zxt!57rO=c<(#duU@>*G7nqt5`4KSDdXw4@MRTLrb#H&+XrTf7pAv>{lesB z9v$t}D*Cf}Z&LwEg3)}E?1wZLr)Kq}{e0}@R=b$GnbLjo&yysDNDL_42a_!7Q6$I= zG7{{V@P;XOs9YoH259YgpWRPm&Con_Zg}(Hd zIRp-gDb~k-_b|k~?(p)vv4#PYK|0eZip@$Js49%D5D$p>P@pLd%vKm6X@9TUP0h zSX|%tJcYh#B20h{7oD1!jc4-8JIBDnvIHh90k~T1Odw&cjAvr*_q}xkXq^$TzBydf zL9ytuKI$_bjl7~lPE$~UZoh66dyHhtitz~U!@3&&jr)?=)?fjP6jjC;4@x}p{jG>V?$=RClNv}DSG^A)rxL6U2t=na!Vca4 zzz49CxQi<97t9jDHtEOqnQ?MT(G?#SZS9`tT4*8gtnW>k#7%xC3dJ-ji zcJDMG7A$Fy-n~)dW2Nc6znve1cwtTEOFPokKyFzqnVk@ZJicV!tVogYN4@TgO7a{f z_d3lPaxN7i%gKYiAHLEoN)TCNw$i*qDWAk5fo(xS7MNYZ&wId{i1{! ztK9>s8aQJvF zjH}!Hf;*TH05bmBRl{cNy43O4o%Fic9ADf~rPwUdgbR3FC1ixaM`PGX3q{c2-h>*x0!w9`a6-0Tq4AY%C%zx;ee!d%qUdUGp z8H$;3E9m^(ivarCw^9a_tom1v4mh$3T3NuSvnV0=e$v*IYqOds?_3b+!4(t=Qnq&9 zseUtbmaUO-NawktACvwL=r~!KY8dL$kt`50-)>TA?fL=VIsPI!5%zR+FK6RbMz&II zMo@IoNRC21*|olwc+V#h{?y<%k$#Nh-IF474y^6eZzAJ`5s#lVP}AHI|9U~fgwOPB z1D$~2(w7jGZ{Z=k^Z7b`37}Wa9J8e0iZqF&NM7`NMOwQP zCwVsMXw=1_Hz}ulQ(`kioGSj@4?ld91L5wB#>Z-YK#YFBnM@zZ*kox>|;sCD-l3{|9+BPTc?i literal 0 HcmV?d00001 diff --git a/index.html b/index.html index da48cc7..cc5d0b5 100644 --- a/index.html +++ b/index.html @@ -1,71 +1,54 @@ - - + + - - - - - Cover Template for Bootstrap - + + + + Digital Photography - - - - - + +
- -
- -
- -
-
-

Cover

- +
+
+
+
+

Photo Atlas

+ +
+
+
+

Digital Photography

+

Harrison's and Rekai's collection of wonderful moments captured with their expertise and eye for detail.

+

Learn more

+
+
+
+

Cover template for Bootstrap, by @mdo.

+
+
-
- -
-

Cover your page.

-

Cover is a one-page template for building simple and beautiful home pages. Download, edit the text, and add your own fullscreen background photo to make it your own.

-

- Learn more -

-
- -
-
-

Cover template for Bootstrap, by @mdo.

-
-
-
- -
-
- - + - - + + + \ No newline at end of file