0x2620/phantasma
2
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

tweak

Browse source
This commit is contained in:
j 2021-11-22 19:42:53 +01:00
parent f0a3c28759
commit ef160a1923
5 changed files with 106 additions and 104 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/static/css/partials/_film.scss
View file

@ -121,9 +121,11 @@ main > .film {
img {
width: 25%;
margin: auto;
padding-bottom: 64px;
padding-bottom: 32px;
opacity: 0.5;
&:hover {
filter: invert(1);
opacity: 1;
}
}
}

167
app/static/css/partials/_index.scss
View file

@ -1,73 +1,94 @@
.body--home {
display: flex;
flex-direction: column;
background-color: #000;
min-height: 100vh;
.topnav {
display: none;
}
main {
margin: auto;
}
}
.index {
padding: var(--spacing-2);
a {
color: var(--color-link);
text-decoration: none;
font-weight: 700;
&:hover, &:focus {
opacity: 0.7;
}
}
p {
margin-bottom: var(--spacing-2);
}
.margin-reset {
margin: 0;
}
h1 {
font-family: "wrong font";
margin: auto;
font-weight: normal;
font-size: 34px;
font-weight: bold;
@media screen and (min-width: 800px) {
font-size: 44px;
}
}
.h1-en-home {
line-height: 1.2;
}
.h1-zh-home {
font-size: 24px;
@media screen and (min-width: 800px) {
font-size: 34px;
}
}
h2, .h2 {
font-size: 22px;
}
h2 {
margin-top: var(--spacing-2);
}
h3, .h3 {
font-size: 21px;
}
}
.body--home {
display: flex;
flex-direction: column;
background-color: #000;
min-height: 100vh;
.topnav {
display: none;
}
main {
margin: auto;
}
}
.index {
padding: var(--spacing-2);
a {
color: var(--color-link);
text-decoration: none;
font-weight: 700;
&:hover, &:focus {
opacity: 0.7;
}
}
p {
margin-bottom: var(--spacing-2);
}
.margin-reset {
margin: 0;
}
h1 {
font-family: "wrong font";
margin: auto;
font-weight: normal;
font-size: 34px;
font-weight: bold;
@media screen and (min-width: 800px) {
font-size: 44px;
}
}
.h1-en-home {
line-height: 1.2;
}
.h1-zh-home {
font-size: 24px;
@media screen and (min-width: 800px) {
font-size: 34px;
}
}
h2, .h2 {
font-size: 22px;
}
h2 {
margin-top: var(--spacing-2);
}
h3, .h3 {
font-size: 21px;
}
.home {
z-index: 1000;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
.box {
margin: auto;
background: rgba(0,0,0,0.5);
padding: 16px;
border-radius: 2px;
.font-size-sm {
display: flex;
gap: 16px;
justify-content: center;
}
}
}
}

28
app/static/css/partials/_layout.scss
View file

@ -95,31 +95,3 @@ nav {
opacity: 1;
}
}
.index {
.home {
z-index: 1000;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
.box {
margin: auto;
background: rgba(0,0,0,0.5);
padding: 16px;
border-radius: 2px;
.font-size-sm {
display: flex;
gap: 16px;
justify-content: center;
}
}
}
}

9
app/static/css/partials/_menu.scss
View file

@ -30,10 +30,17 @@
}
a {
color: white;
color: var(--color-link);
text-decoration: none;
font-size: 17px;
margin-left: var(--spacing);
font-weight: bold;
&.title {
font-size: 34px;
font-weight: bold;
font-family: "wrong font";
color: #ddd;
}
@media screen and (max-width: 799px) {
&.title {

2
app/templates/base.html
View file

@ -13,7 +13,7 @@
</head>
<body class="{% block body_class%}{% endblock %}">
<div class="topnav">
<a href="/" class="title animated-title">
<a href="/" class="title font-family-wrong">
<div class="title-text text">
njp.ma
</div>