chuckdries/Personal-Website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

refactored .slide

Browse Source
This commit is contained in:
Chuck Dries 2017-02-17 22:32:28 -07:00
parent 2f5f6ae61a
commit 000d1aa8a0
4 changed files with 23 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
style.css
View File

@ -10,8 +10,12 @@ body {
transition: none; }
#top {
width: 100%;
position: fixed;
background: black; }
#top div {
margin: auto;
max-width: 800px; }
#mast {
margin-top: 10px;
@ -57,13 +61,18 @@ body {
.slide div {
/*width wrapping*/
max-width: 800px;
margin: auto; }
margin: auto;
border-radius: 5px;
padding: 0px; }
.slide p {
max-width: 800px;
margin: auto; }
.slide .cover {
height: 500px;
background: url("Chuck.jpg"); }
background: url("Chuck.jpg");
background-position: center center;
background-size: cover;
margin: 0px; }
.full {
height: 100vh;

2
style.css.map
View File

@ -1,6 +1,6 @@
{
"version": 3,
"mappings": "AAIA,oBAAO;EACH,OAAO,EAAE,GAAG;EACZ,MAAM,EAAE,GAAG;EACX,KAAK,EAAE,IAAI;;AAIf,IAAK;EAED,WAAW,EAAE,KAAK;EAClB,SAAS,EAAE,GAAG;EACd,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,IAAI;;AAEpB,IAAI;EACA,QAAQ,EAAE,KAAK;EACf,UAAU,EAAE,KAAK;;AAErB,KAAM;EACF,UAAU,EAAE,IAAI;EAChB,UAAU,EAAE,IAAI;EAChB,WAAW,EAAE,GAAG;EAChB,KAAK,EAAE,KAAK;EACZ,OAAE;IACE,KAAK,EAAE,KAAK;IACZ,UAAU,EAAE,MAAM;EAEtB,aAAQ;IACJ,KAAK,EA7BN,OAAO;EA+BV,UAAK;IACD,UAAU,EAAE,MAAM;IAClB,KAAK,EAlCN,IAAI;EAoCP,SAAG;IACC,mBAAmB,EAAE,GAAG;EAM5B,QAAE;IACE,mBAAmB,EAAE,IAAI;IACzB,mBAAmB,EAAE,GAAG;;AAK5B,gBAAU;EACN,OAAO,EAAE,IAAI;EACb,OAAO,EAAE,CAAC;AAEd,UAAG;EACC,SAAS,EAAE,KAAK;AAEpB,SAAE;EACE,SAAS,EAAE,GAAG;;AAItB,UAAI;EACI,KAAK,EAAE,IAAI;EACX,SAAS,EAAE,KAAK;AAEpB,gBAAS;EACL,OAAO,EAAE,CAAC;;AAMd,UAAK;EACD,UAAU,EAAE,KAAK;AAErB,WAAM;EACF,UAAU,EAAE,KAAK;;AAKzB,MAAO;EAEH,OAAO,EAAE,GAAG;EACZ,KAAK,EAAE,IAAI;EACX,UAAI;IACA,kBAAkB;IAClB,SAAS,EAzFT,KAAK;IA0FL,MAAM,EAAE,IAAI;EAEhB,QAAC;IACG,SAAS,EA7FT,KAAK;IA8FL,MAAM,EAAE,IAAI;EAEhB,aAAM;IACF,MAAM,EAAE,KAAK;IACb,UAAU,EAAE,gBAAgB;;AAIpC,KAAM;EACF,MAAM,EAAE,KAAK;EACb,KAAK,EAAE,IAAI;;AAGf,UAAW;EACP,OAAO,EAAE,KAAK;;AAGlB,MAAO;EACH,qBAAqB,EAAE,GAAG;EAC1B,SAAS,EAAE,IAAI;;AAGnB,aAAc;EACV,OAAO,EAAE,SAAS;;AAGtB,EAAG;EACC,SAAS,EAAE,GAAG;;AAGlB,EAAG;EACC,WAAW,EAAE,MAAM;EACnB,UAAU,EAAE,MAAM;;AAEtB,CAAC;EACG,mBAAmB,EAAE,GAAG",
"mappings": "AAIA,oBAAO;EACH,OAAO,EAAE,GAAG;EACZ,MAAM,EAAE,GAAG;EACX,KAAK,EAAE,IAAI;;AAIf,IAAK;EAED,WAAW,EAAE,KAAK;EAClB,SAAS,EAAE,GAAG;EACd,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,IAAI;;AAEpB,IAAI;EACA,KAAK,EAAE,IAAI;EACX,QAAQ,EAAE,KAAK;EACf,UAAU,EAAE,KAAK;EACjB,QAAG;IACC,MAAM,EAAE,IAAI;IACZ,SAAS,EAvBT,KAAK;;AA0Bb,KAAM;EACF,UAAU,EAAE,IAAI;EAChB,UAAU,EAAE,IAAI;EAChB,WAAW,EAAE,GAAG;EAChB,KAAK,EAAE,KAAK;EACZ,OAAE;IACE,KAAK,EAAE,KAAK;IACZ,UAAU,EAAE,MAAM;EAEtB,aAAQ;IACJ,KAAK,EAlCN,OAAO;EAoCV,UAAK;IACD,UAAU,EAAE,MAAM;IAClB,KAAK,EAvCN,IAAI;EAyCP,SAAG;IACC,mBAAmB,EAAE,GAAG;EAM5B,QAAE;IACE,mBAAmB,EAAE,IAAI;IACzB,mBAAmB,EAAE,GAAG;;AAK5B,gBAAU;EACN,OAAO,EAAE,IAAI;EACb,OAAO,EAAE,CAAC;AAEd,UAAG;EACC,SAAS,EAAE,KAAK;AAEpB,SAAE;EACE,SAAS,EAAE,GAAG;;AAItB,UAAI;EACI,KAAK,EAAE,IAAI;EACX,SAAS,EAAE,KAAK;AAEpB,gBAAS;EACL,OAAO,EAAE,CAAC;;AAMd,UAAK;EACD,UAAU,EAAE,KAAK;AAErB,WAAM;EACF,UAAU,EAAE,KAAK;;AAKzB,MAAO;EAEH,OAAO,EAAE,GAAG;EACZ,KAAK,EAAE,IAAI;EACX,UAAI;IACA,kBAAkB;IAClB,SAAS,EA9FT,KAAK;IA+FL,MAAM,EAAE,IAAI;IACZ,aAAa,EAAE,GAAG;IAClB,OAAO,EAAE,GAAG;EAEhB,QAAC;IACG,SAAS,EApGT,KAAK;IAqGL,MAAM,EAAE,IAAI;EAEhB,aAAM;IACF,MAAM,EAAE,KAAK;IACb,UAAU,EAAE,gBAAgB;IAC5B,mBAAmB,EAAE,aAAa;IAClC,eAAe,EAAE,KAAK;IACtB,MAAM,EAAE,GAAG;;AAInB,KAAM;EACF,MAAM,EAAE,KAAK;EACb,KAAK,EAAE,IAAI;;AAGf,UAAW;EACP,OAAO,EAAE,KAAK;;AAGlB,MAAO;EACH,qBAAqB,EAAE,GAAG;EAC1B,SAAS,EAAE,IAAI;;AAGnB,aAAc;EACV,OAAO,EAAE,SAAS;;AAGtB,EAAG;EACC,SAAS,EAAE,GAAG;;AAGlB,EAAG;EACC,WAAW,EAAE,MAAM;EACnB,UAAU,EAAE,MAAM;;AAEtB,CAAC;EACG,mBAAmB,EAAE,GAAG",
"sources": ["style.scss"],
"names": [],
"file": "style.css"

10
style.scss
View File

@ -17,8 +17,13 @@ body {
transition: none;
}
#top{
width: 100%;
position: fixed;
background: black;
div{
margin: auto;
max-width: $width;
}
}
#mast {
margin-top: 10px;
@ -90,6 +95,8 @@ img {
/*width wrapping*/
max-width: $width;
margin: auto;
border-radius: 5px;
padding: 0px;
}
p{
max-width: $width;
@ -98,6 +105,9 @@ img {
.cover{
height: 500px;
background: url("Chuck.jpg");
background-position: center center;
background-size: cover;
margin: 0px;
}
}

2
toptest.html
View File

@ -13,7 +13,7 @@
</head>
<body>
<div class="slide" id="top">
<div id="top">
<div style="display:table;width:100%;height: 100%">
<div style="display:table-cell;vertical-align:middle;">
<div id="mast">