commenting for future me
This commit is contained in:
parent
000d1aa8a0
commit
5432b3f41f
@ -74,13 +74,6 @@ body {
|
||||
background-size: cover;
|
||||
margin: 0px; }
|
||||
|
||||
.full {
|
||||
height: 100vh;
|
||||
width: 100%; }
|
||||
|
||||
.vcwrapper {
|
||||
display: table; }
|
||||
|
||||
.arrow {
|
||||
font-variant-position: sub;
|
||||
font-size: .6em; }
|
||||
|
@ -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,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",
|
||||
"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;;AAGpB,IAAK;EACD,KAAK,EAAE,IAAI;EACX,QAAQ,EAAE,KAAK;EACf,UAAU,EAAE,KAAK;EACjB,QAAI;IACA,MAAM,EAAE,IAAI;IACZ,SAAS,EAxBT,KAAK;;AA4Bb,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,EApCN,OAAO;EAsCV,UAAK;IACD,UAAU,EAAE,MAAM;IAClB,KAAK,EAzCN,IAAI;EA2CP,SAAI;IACA,mBAAmB,EAAE,GAAG;EAM5B,QAAG;IACC,mBAAmB,EAAE,IAAI;IACzB,mBAAmB,EAAE,GAAG;;AAM5B,gBAAU;EACN,OAAO,EAAE,IAAI;EACb,OAAO,EAAE,CAAC;AAEd,UAAI;EACA,SAAS,EAAE,KAAK;AAEpB,SAAG;EACC,SAAS,EAAE,GAAG;;AAKlB,UAAI;EACA,KAAK,EAAE,IAAI;EACX,SAAS,EAAE,KAAK;AAEpB,gBAAU;EACN,OAAO,EAAE,CAAC;;AAKd,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,EAjGT,KAAK;IAkGL,MAAM,EAAE,IAAI;IACZ,aAAa,EAAE,GAAG;IAClB,OAAO,EAAE,GAAG;EAEhB,QAAE;IACE,SAAS,EAvGT,KAAK;IAwGL,MAAM,EAAE,IAAI;EAEhB,aAAO;IACH,MAAM,EAAE,KAAK;IACb,UAAU,EAAE,gBAAgB;IAC5B,mBAAmB,EAAE,aAAa;IAClC,eAAe,EAAE,KAAK;IACtB,MAAM,EAAE,GAAG;;AAInB,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;;AAGtB,CAAE;EACE,mBAAmB,EAAE,GAAG",
|
||||
"sources": ["style.scss"],
|
||||
"names": [],
|
||||
"file": "style.css"
|
||||
|
41
style.scss
41
style.scss
@ -16,15 +16,17 @@ body {
|
||||
line-height: 1.6;
|
||||
transition: none;
|
||||
}
|
||||
#top{
|
||||
|
||||
#top {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
background: black;
|
||||
div{
|
||||
div {
|
||||
margin: auto;
|
||||
max-width: $width;
|
||||
}
|
||||
}
|
||||
|
||||
#mast {
|
||||
margin-top: 10px;
|
||||
background: none;
|
||||
@ -41,39 +43,40 @@ body {
|
||||
font-style: italic;
|
||||
color: $grey;
|
||||
}
|
||||
img{
|
||||
img {
|
||||
transition-duration: .2s;
|
||||
}
|
||||
.hideable{
|
||||
.hideable {
|
||||
// transition-property: size;
|
||||
// transition-duration: .2s;
|
||||
}
|
||||
h2{
|
||||
h2 {
|
||||
transition-property: size;
|
||||
transition-duration: .2s;
|
||||
}
|
||||
}
|
||||
|
||||
//small and large classes are applied to #top
|
||||
.small {
|
||||
.hideable {
|
||||
display: none;
|
||||
opacity: 0;
|
||||
}
|
||||
img{
|
||||
img {
|
||||
max-width: 200px;
|
||||
}
|
||||
h2{
|
||||
h2 {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
.large{
|
||||
img {
|
||||
|
||||
.large {
|
||||
img {
|
||||
width: 100%;
|
||||
max-width: 400px;
|
||||
}
|
||||
.hideable{
|
||||
.hideable {
|
||||
opacity: 1;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@ -98,11 +101,11 @@ img {
|
||||
border-radius: 5px;
|
||||
padding: 0px;
|
||||
}
|
||||
p{
|
||||
p {
|
||||
max-width: $width;
|
||||
margin: auto;
|
||||
}
|
||||
.cover{
|
||||
.cover {
|
||||
height: 500px;
|
||||
background: url("Chuck.jpg");
|
||||
background-position: center center;
|
||||
@ -111,15 +114,6 @@ img {
|
||||
}
|
||||
}
|
||||
|
||||
.full {
|
||||
height: 100vh;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.vcwrapper {
|
||||
display: table;
|
||||
}
|
||||
|
||||
.arrow {
|
||||
font-variant-position: sub;
|
||||
font-size: .6em;
|
||||
@ -137,6 +131,7 @@ h2 {
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
a{
|
||||
|
||||
a {
|
||||
transition-duration: .2s;
|
||||
}
|
Loading…
x
Reference in New Issue
Block a user