placeholder articles; first live version in a few months
This commit is contained in:
@@ -157,3 +157,65 @@ h1,h2,h3,img,i {
|
||||
min-height: 60vh;
|
||||
min-width: 50vw;
|
||||
}
|
||||
|
||||
|
||||
.sidebar {
|
||||
grid-area: 2 / 2 / 2 / 3;
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
grid-template-rows: repeat(4, auto);
|
||||
grid-column-gap: 0em;
|
||||
grid-row-gap: 0em;
|
||||
align-content: start;
|
||||
padding-left: 0em;
|
||||
}
|
||||
|
||||
.sidebar a:link {
|
||||
font-weight: bold;
|
||||
}
|
||||
.sidebar a {
|
||||
color: #1D1761;
|
||||
}
|
||||
.sidebar a:hover {
|
||||
color: #3127A5;
|
||||
}
|
||||
.sidebar a:visited {
|
||||
color: #1D1761;
|
||||
}
|
||||
.sidebar a:active {
|
||||
color: #3B2FC6;
|
||||
}
|
||||
|
||||
|
||||
.diary-box {
|
||||
background-color: #A88AA8;
|
||||
text-align: center;
|
||||
border-radius: 1em;
|
||||
margin: 1em;
|
||||
padding: .3em;
|
||||
margin-top: 0em;
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
|
||||
}
|
||||
.about-box {
|
||||
grid-area: 1 / 1 / 2 / 2;
|
||||
}
|
||||
.twitter-box {
|
||||
grid-area: 2 / 1 / 3 / 2;
|
||||
}
|
||||
.latest {
|
||||
grid-area: 3 / 1 / 4 / 2;
|
||||
}
|
||||
.latest-text {
|
||||
text-align: left;
|
||||
padding: 0em;
|
||||
background-color: #A88AA8;
|
||||
}
|
||||
.wordcloud {
|
||||
grid-area: 4 / 1 / 5 / 2;
|
||||
}
|
||||
.disclosure {
|
||||
grid-area: 5 / 1 / 6 / 2;
|
||||
}
|
||||
|
||||
|
||||
@@ -72,6 +72,7 @@
|
||||
.snippet {
|
||||
margin-top: 0em;
|
||||
margin-bottom: 4em;
|
||||
background-color: #585c88;
|
||||
}
|
||||
|
||||
.snippet-title {
|
||||
@@ -128,6 +129,7 @@
|
||||
background-color: #585c88;
|
||||
padding: .3em;
|
||||
font-size: 1em;
|
||||
min-width: 15.5em;
|
||||
}
|
||||
.snippet-tag {
|
||||
background-color: #8c92cc;
|
||||
@@ -162,63 +164,4 @@
|
||||
height: 1em;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
grid-area: 2 / 2 / 3 / 3;
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
grid-template-rows: repeat(4, auto);
|
||||
grid-column-gap: 0em;
|
||||
grid-row-gap: 0em;
|
||||
align-content: start;
|
||||
padding-left: 0em;
|
||||
}
|
||||
.sidebar a:link {
|
||||
color: ;
|
||||
}
|
||||
.sidebar a:hover {
|
||||
color: ;
|
||||
}
|
||||
.sidebar a:visited {
|
||||
color: ;
|
||||
}
|
||||
.sidebar a:active {
|
||||
color: ;
|
||||
}
|
||||
|
||||
.diary-box {
|
||||
background-color: #886488;
|
||||
text-align: center;
|
||||
border-radius: 1em;
|
||||
margin: 1em;
|
||||
padding: .3em;
|
||||
margin-top: 0em;
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
.diary-box a {
|
||||
|
||||
}
|
||||
.about-box {
|
||||
grid-area: 1 / 1 / 2 / 2;
|
||||
}
|
||||
.twitter-box {
|
||||
grid-area: 2 / 1 / 3 / 2;
|
||||
}
|
||||
.latest {
|
||||
grid-area: 3 / 1 / 4 / 2;
|
||||
}
|
||||
.latest-text {
|
||||
text-align: left;
|
||||
padding: 0em;
|
||||
background-color: #886488;
|
||||
}
|
||||
.wordcloud {
|
||||
grid-area: 4 / 1 / 5 / 2;
|
||||
}
|
||||
.disclosure {
|
||||
grid-area: 5 / 1 / 6 / 2;
|
||||
}
|
||||
|
||||
.diary-dir.bottom {
|
||||
grid-area: 3 / 1 / 4 / 3;
|
||||
margin: auto;
|
||||
}
|
||||
.sidebar {grid-area: 2/2/2/3;}
|
||||
|
||||
@@ -114,66 +114,6 @@ hr {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
grid-area: 1 / 2 / 2 / 3;
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
grid-template-rows: repeat(4, auto);
|
||||
grid-column-gap: 0em;
|
||||
grid-row-gap: 0em;
|
||||
align-content: start;
|
||||
padding-left: 0em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
.sidebar a:link {
|
||||
font-weight: bold;
|
||||
}
|
||||
.sidebar a {
|
||||
color: #1D1761;
|
||||
}
|
||||
.sidebar a:hover {
|
||||
color: #3127A5;
|
||||
}
|
||||
.sidebar a:visited {
|
||||
color: #1D1761;
|
||||
}
|
||||
.sidebar a:active {
|
||||
color: #3B2FC6;
|
||||
}
|
||||
|
||||
|
||||
.diary-box {
|
||||
background-color: #A88AA8;
|
||||
text-align: center;
|
||||
border-radius: 1em;
|
||||
margin: 1em;
|
||||
padding: .3em;
|
||||
margin-top: 0em;
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
|
||||
}
|
||||
.about-box {
|
||||
grid-area: 1 / 1 / 2 / 2;
|
||||
}
|
||||
.twitter-box {
|
||||
grid-area: 2 / 1 / 3 / 2;
|
||||
}
|
||||
.latest {
|
||||
grid-area: 3 / 1 / 4 / 2;
|
||||
}
|
||||
.latest-text {
|
||||
text-align: left;
|
||||
padding: 0em;
|
||||
background-color: #A88AA8;
|
||||
}
|
||||
.wordcloud {
|
||||
grid-area: 4 / 1 / 5 / 2;
|
||||
}
|
||||
.disclosure {
|
||||
grid-area: 5 / 1 / 6 / 2;
|
||||
}
|
||||
|
||||
.recommend {
|
||||
grid-area: 2 / 1 / 3 / 3;
|
||||
color: #F9B3D7;
|
||||
@@ -204,3 +144,8 @@ hr {
|
||||
background-color: #A88AA8;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
grid-area: 1/2/2/3;
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user