mtd/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

[WIP] Rework design (#34)

Browse Source 
* WIP: Redesign the default layout

* Merge old & new default layouts

* Fix login logic; add proper user controls dropdown

* Fix latest version listing (#31) (#32)

Co-authored-by: Aeledfyr <45501007+Aeledfyr@users.noreply.github.com>

* First pass of design cleanup

* Improve ad integration and fix light theme

* Begin splitting up variables, change some styling to new mockup

* Continue redesign progress

* Work on some more pages

* Add missing dark theme variables for text

* Continue working on modularizing

* Continue progress, redo pagination

* Fix auth buttons in navbar layout

* Continue progress

* Continue progress more

* Redo ModResult

* Scope ModPage :irritater:

* Continue Dashboard

* Continue progress on Dashboard and cleanup

* Add missing variables for dark theme

* Small tweaks, cleanup, and continue mod page progress

* Fix user not being able to see hidden mods that they own

* Start reworking mod creation

* Continue revamp of mod creation page

* Yank v-html out

* Hotfix markdown rendering and some spacing issues

* Move legal; continue with mod creation; create reusable footer

* Create README.md

* Update README.md

* Update README.md

* Add in basic usage instructions

* Fix some stuff

* Continue with mod creation; fix some CSS errors

* Start user page

* Start transition to vue-select; fix a few bugs

* Continue mod creation page

* Finish mod pages

* Add very raw version editing

* Mod editing + creation

* Fixed versions that were in processing causing a 404 (#39)

Co-authored-by: Mikhail Oleynikov <falseresync@gmail.com>
Co-authored-by: Aeledfyr <45501007+Aeledfyr@users.noreply.github.com>
Co-authored-by: Jai A <jai.a@tuta.io>
Co-authored-by: MulverineX <mulverin3@gmail.com>
Co-authored-by: diabolical17 <calumproh28@gmail.com>
Co-authored-by: Geometrically <18202329+Geometrically@users.noreply.github.com>
This commit is contained in:
Prospector
2020-11-30 13:55:01 -08:00
committed by GitHub
parent e025df0824
commit 7b84d8c3d5
70 changed files with 10339 additions and 3284 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/index.vue
+24 -9
View File
@@ -2,7 +2,9 @@
<div>
<div class="main-hero columns">
<div class="left">
<h1 class="typewriter">{{ currentText }}</h1>
<h1 class="typewriter">
{{ currentText }}<span aria-hidden="true"></span>
</h1>
<h1>modding platform</h1>
</div>
<div class="right columns">
@@ -159,13 +161,18 @@ fetch('https://api.modrinth.com/api/v1/mod').then(res => res.json()).then(data =
</pre>
</div>
</div>
<m-footer class="footer" centered />
</div>
</template>
<script>
import MFooter from '@/components/MFooter'
export default {
components: {
MFooter,
},
auth: false,
layout: 'home',
data() {
return {
currentText: 'Open source',
@@ -208,6 +215,7 @@ export default {
}
.main-hero {
margin-top: 100px;
height: 600px;
.left {
@@ -217,12 +225,15 @@ export default {
.typewriter {
display: inline-block;
color: var(--color-brand);
border-right: 0.15em solid var(--color-brand);
animation: caret 1s steps(1) infinite;
@keyframes caret {
50% {
border-color: transparent;
span {
border-right: 0.15em solid var(--color-brand);
animation: caret 1s steps(1) infinite;
@keyframes caret {
50% {
border-color: transparent;
}
}
}
}
@@ -256,7 +267,7 @@ export default {
p {
line-height: 25px;
letter-spacing: 0.2px;
color: var(--color-grey-7);
color: var(--color-text);
span {
color: var(--color-brand);
@@ -276,7 +287,7 @@ export default {
}
.slanted-hero {
background: var(--color-grey-1);
background: var(--color-raised-bg);
height: 500px;
position: relative;
z-index: 1;
@@ -336,6 +347,10 @@ export default {
}
}
.footer {
margin-top: 150px;
}
@media screen and (max-width: 500px) {
.hero {
margin-top: 0 !important;