2023-08-04 18:22:23 -04:00
< script setup >
import { TrashIcon , SearchIcon , BoxIcon , SendIcon , EditIcon , DownloadIcon } from 'omorphia'
import Avatar from '~/components/ui/Avatar.vue'
import homepageProjects from '~/generated/homepage.json'
import LogoAnimated from '~/components/brand/LogoAnimated.vue'
import Badge from '~/components/ui/Badge.vue'
import PrismIcon from '~/assets/images/external/prism.svg'
import ATLauncher from '~/assets/images/external/atlauncher.svg'
import CurseForge from '~/assets/images/external/curseforge.svg'
import Checkbox from '~/components/ui/Checkbox.vue'
const val = Math . ceil ( homepageProjects . length / 6 )
const os = ref ( null )
const macValue = ref ( null )
const downloadWindows = ref ( null )
const downloadLinux = ref ( null )
const downloadSection = ref ( null )
const windowsLink = ref ( null )
const linuxLinks = {
appImage : null ,
deb : null ,
}
const macLinks = {
appleSilicon : null ,
intel : null ,
}
let downloadLauncher
const rows = shallowRef ( [
homepageProjects . slice ( 0 , val ) ,
homepageProjects . slice ( val , val * 2 ) ,
homepageProjects . slice ( val * 2 , val * 3 ) ,
homepageProjects . slice ( val * 3 , val * 4 ) ,
homepageProjects . slice ( val * 4 , val * 5 ) ,
] )
2023-08-05 17:27:35 -07:00
const { data : launcherUpdates } = await useAsyncData ( 'launcherUpdates' , ( ) =>
$fetch ( 'https://launcher-files.modrinth.com/updates.json' )
)
macLinks . appleSilicon = launcherUpdates . value . platforms [ 'darwin-aarch64' ] . install _urls [ 0 ]
macLinks . intel = launcherUpdates . value . platforms [ 'darwin-x86_64' ] . install _urls [ 0 ]
windowsLink . value = launcherUpdates . value . platforms [ 'windows-x86_64' ] . install _urls [ 0 ]
linuxLinks . appImage = launcherUpdates . value . platforms [ 'linux-x86_64' ] . install _urls [ 1 ]
linuxLinks . deb = launcherUpdates . value . platforms [ 'linux-x86_64' ] . install _urls [ 0 ]
2023-08-04 18:22:23 -04:00
onMounted ( ( ) => {
os . value = navigator ? . platform . toString ( )
os . value = os . value ? . includes ( 'Mac' )
? 'Mac'
: os . value ? . includes ( 'Win' )
? 'Windows'
: os . value ? . includes ( 'Linux' )
? 'Linux'
: null
if ( os . value === 'Windows' ) {
downloadLauncher = ( ) => {
downloadWindows . value . click ( )
}
} else if ( os . value === 'Linux' ) {
downloadLauncher = ( ) => {
downloadLinux . value . click ( )
}
} else {
downloadLauncher = ( ) => {
scrollToSection ( )
}
}
} )
watch ( macValue , ( ) => {
if ( macValue . value === 'Download for Apple Silicon' ) {
const link = document . createElement ( 'a' )
link . href = macLinks . appleSilicon
link . download = ''
document . body . appendChild ( link )
link . click ( )
document . body . removeChild ( link )
} else if ( macValue . value === 'Download for Intel' ) {
const link = document . createElement ( 'a' )
link . href = macLinks . intel
link . download = ''
document . body . appendChild ( link )
link . click ( )
document . body . removeChild ( link )
}
} )
const scrollToSection = ( ) => {
nextTick ( ( ) => {
window . scrollTo ( {
top : downloadSection . value . offsetTop ,
behavior : 'smooth' ,
} )
} )
}
2023-08-05 13:09:44 -04:00
2023-09-22 12:45:03 -04:00
const title = 'Download the Modrinth App!'
const description =
'The Modrinth App is a unique, open source launcher that allows you to play your favorite mods, and keep them up to date, all in one neat little package.'
2023-08-05 13:09:44 -04:00
useSeoMeta ( {
2023-09-22 12:45:03 -04:00
title ,
description ,
ogTitle : title ,
ogDescription : description ,
2023-08-05 13:09:44 -04:00
} )
2023-08-04 18:22:23 -04:00
< / script >
< template >
< div >
< div class = "landing-hero" >
< h1 class = "main-header" >
Download Modrinth < br v-if = "os" / >
2023-08-05 17:27:35 -07:00
App
2023-08-04 18:22:23 -04:00
{ { os ? ` for ${ os } ` : '' } }
< / h1 >
< h2 class = "main-subheader" >
2023-08-05 13:09:44 -04:00
The Modrinth App is a unique , open source launcher that allows you to play your favorite
2023-08-04 18:22:23 -04:00
mods , and keep them up to date , all in one neat little package .
< / h2 >
< div class = "button-group" >
< button
v - if = "os"
class = "iconified-button brand-button btn btn-large"
rel = "noopener nofollow"
@ click = "downloadLauncher"
>
< svg
v - if = "os === 'Linux'"
2023-08-05 13:09:44 -04:00
class = "light-icon"
2023-08-04 18:22:23 -04:00
width = "45"
height = "46"
viewBox = "0 0 45 46"
xmlns = "http://www.w3.org/2000/svg"
>
2023-08-05 13:09:44 -04:00
< path
id = "Subtract"
fill - rule = "evenodd"
clip - rule = "evenodd"
d = " M23 .5477 0 H23 .5461 C23 .2284 0 22.9077 0.0163711 22.5876 0.0415902 C20 .4638 0.208942 18.8991 0.910133 17.7996 2.0082 C16 .7124 3.09404 16.1751 4.47323 15.9172 5.82868 C15 .6602 7.18017 15.6685 8.57463 15.7244 9.76049 C15 .7464 10.2267 15.7737 10.6424 15.7981 11.0129 L15 .7981 11.0129 C15 .8393 11.6392 15.8719 12.1361 15.856 12.5288 C15 .7269 14.3647 15.3652 15.7513 14.1358 17.5116 C12 .4894 19.4715 10.1353 22.6851 9.00147 26.0938 C8 .50987 27.5652 8.23247 29.1259 8.37804 30.6595 C8 .14194 30.9205 7.94151 31.1909 7.77396 31.4209 L7 .69935 31.5235 C7 .53577 31.7486 7.41036 31.9212 7.28343 32.0672 C7 .22885 32.1165 7.13829 32.1747 6.95723 32.2529 C6 .85646 32.2965 6.74665 32.3386 6.60714 32.3918 L6 .60229 32.3937 L6 .60063 32.3943 C6 .4689 32.4446 6.31402 32.5038 6.15349 32.5722 L6 .14713 32.575 C6 .11461 32.5891 6.08029 32.6038 6.04439 32.6191 L6 .04194 32.6201 C5 .49857 32.8521 4.5956 33.2374 4.06765 34.2907 L4 .06313 34.2998 L4 .05878 34.3089 C3 .83111 34.787 3.71086 35.3126 3.71965 35.8518 C3 .72044 36.2784 3.77526 36.6973 3.83488 36.9965 L3 .8573 37.1494 C3 .90153 37.4502 3.93607 37.685 3.9521 37.8975 C3 .96952 38.1284 3.9557 38.2416 3.94333 38.2911 C3 .47501 39.5811 3.29341 40.7747 3.80981 41.7808 L3 .81261 41.7862 C4 .34311 42.8045 5.41437 43.1509 6.09597 43.3713 L6 .14873 43.3884 L6 .1831 43.3968 C6 .76559 43.5407 7.45296 43.6219 8.08651 43.6967 L8 .08657 43.6967 C8 .33286 43.7258 8.57102 43.7539 8.79172 43.7844 C9 .65223 43.9032 10.4057 44.0681 11.0346 44.4066 L11 .0467 44.4131 L11 .0589 44.4193 C12 .8487 45.3199 14.8309 45.8073 16.5413 45.3594 C17 .5947 45.1214 18.5098 44.4944 19.1114 43.6161 C19 .5314 43.5681 19.9501 43.481 20.3513 43.3976 L20 .4887 43.3691 C21 .1456 43.2333 21.8552 43.0939 22.7255 43.039 L22 .7353 43.0384 L22 .7452 43.0376 C23 .2171 42.9984 23.7676 43.0823 24.5478 43.2012 L24 .6654 43.2192 C25 .2572 43.3092 25.9398 43.4072 26.6797 43.4223 L26 .7366 43.5729 L26 .7865 43.6228 C27 .7132 45.3272 29.3865 46.1223 31.1344 45.9841 C32 .8861 45.8473 34.6161 44.7911 35.9501 43.2465 L35 .9575 43.2379 L35 .9647 43.2291 C36 .4178 42.6799 37.0511 42.2572 37.7983 41.8603 C38 .1016 41.6992 38.4052 41.5515 38.7175 41.3996 L38 .7179 41.3994 L38 .936 41.2932 C39 .3111 41.1099 39.7022 40.9143 40.0596 40.6996 C40 .783 40.2838 41.6765 39.5491 41.7413 38.3282 C41 .8014 37.2663 41.2531 36.3256 40.4338 35.3719 V35 .1588 L40 .1744 34.8993 C40 .1374 34.8477 40.0795 34.7411 40.0113 34.5353 C39 .934 34.302 39.8672 34.0188 39.7856 33.6562 C39 .6368 32.9545 39.4127 31.9102 38.5493 31.186 L38 .3995 31.0604 C38 .9576 28.7316 38.5908 26.4633 37.8259 24.46 C36 .7898 21.7201 34.9984 19.3692 33.6785 17.7973 L33 .6778 17.7965 C32 .1849 15.9116 31.019 14.4397 31.0434 12.2669 C31 .0453 12.1131 31.0478 11.9522 31.0504 11.7849 C31 .0801 9.87812 31.1226 7.15021 30.3612 4.83914 C29 .9387 3.55665 29.2488 2.33019 28.115 1.42642 C26 .9706 0.514298 25.4646 0.00304389 23.5477 0 ZM22 .666 1.0385 C22 .9685 1.01467 23.2618 1 23.546 1 C30 .2102 1.01058 30.1098 7.76032 30.0499 11.7866 C30 .0475 11.9472 30.0452 12.1035 30.0433 12.2548 C30 .0146 14.7849 31.382 16.51 32.8074 18.3084 C32 .8393 18.3487 32.8713 18.3891 32.9033 18.4295 C34 .205 19.9787 35.9137 22.23 36.8908 24.815 C37 .692 26.9123 37.9982 29.2443 37.208 31.5873 C37 .3329 31.5924 37.4538 31.6331 37.5563 31.7047 C37 .6223 31.7737 37.6877 31.8118 37.7513 31.8488 C37 .8026 31.8787 37.8527 31.908 37.901 31.9522 H37 .9065 C38 .4748 32.4288 38.6527 33.1347 38.8085 33.8698 C38 .9698 34.5867 39.1165 35.2008 39.4282 35.5675 L39 .4337 35.573 V35 .7508 C40 .376 36.7867 40.7848 37.5402 40.7427 38.2735 C40 .706 38.9775 40.1908 39.4725 39.5528 39.8373 C39 .1757 40.0647 38.7412 40.276 38.2863 40.4973 C37 .2045 41.0234 36.0076 41.6055 35.1932 42.5928 C33 .974 44.0045 32.4688 44.8772 31.0553 44.9872 C29 .6418 45.099 28.3182 44.45 27.6013 43.0237 L27 .5958 43.0182 C27 .5697 42.949 27.5454 42.89 27.523 42.8356 C27 .4653 42.6951 27.4199 42.5847 27.3868 42.4077 C26 .4008 42.4735 25.4823 42.3328 24.6448 42.2044 C23 .9204 42.0934 23.2567 41.9917 22.6623 42.041 C21 .6653 42.1039 20.8661 42.2696 20.1753 42.4127 C19 .5578 42.5407 19.027 42.6507 18.519 42.6533 C18 .0827 43.537 17.2687 44.175 16.3043 44.3877 C14 .9293 44.7543 13.206 44.3803 11.5083 43.526 C10 .4773 42.9711 9.26303 42.8279 8.13135 42.6944 C7 .52434
fill = "white"
/ >
< / svg >
< svg
v - if = "os === 'Linux'"
class = "dark-icon"
role = "img"
viewBox = "0 0 24 24"
xmlns = "http://www.w3.org/2000/svg"
>
< path
d = " M12 .504 0 c - .155 0 - .315 .008 - .48 .021 - 4.226 .333 - 3.105 4.807 - 3.17 6.298 - .076 1.092 - .3 1.953 - 1.05 3.02 - .885 1.051 - 2.127 2.75 - 2.716 4.521 - .278 .832 - .41 1.684 - .287 2.489 a .424 .424 0 00 - .11 .135 c - .26 .268 - .45 .6 - .663 .839 - .199 .199 - .485 .267 - .797 .4 - .313 .136 - .658 .269 - .864 .68 - .09 .189 - .136 .394 - .132 .602 0 .199 .027 .4 .055 .536 .058 .399 .116 .728 .04 .97 - .249 .68 - .28 1.145 - .106 1.484 .174 .334 .535 .47 .94 .601 .81 .2 1.91 .135 2.774 .6 .926 .466 1.866 .67 2.616 .47 .526 - .116 .97 - .464 1.208 - .946 .587 - .003 1.23 - .269 2.26 - .334 .699 - .058 1.574 .267 2.577 .2 .025 .134 .063 .198 .114 .333 l .003 .003 c .391 .778 1.113 1.132 1.884 1.071 .771 - .06 1.592 - .536 2.257 - 1.306 .631 - .765 1.683 - 1.084 2.378 - 1.503 .348 - .199 .629 - .469 .649 - .853 .023 - .4 - .2 - .811 - .714 - 1.376 v - .097 l - .003 - .003 c - .17 - .2 - .25 - .535 - .338 - .926 - .085 - .401 - .182 - .786 - .492 - 1.046 h - .003 c - .059 - .054 - .123 - .067 - .188 - .135 a .357 .357 0 00 - .19 - .064 c .431 - 1.278 .264 - 2.55 - .173 - 3.694 - .533 - 1.41 - 1.465 - 2.638 - 2.175 - 3.483 - .796 - 1.005 - 1.576 - 1.957 - 1.56 - 3.368 .026 - 2.152 .236 - 6.133 - 3.544 - 6.139 zm .529 3.405 h .013 c .213 0 .396 .062 .584 .198 .19 .135 .33 .332 .438 .533 .105 .259 .158 .459 .166 .724 0 - .02 .006 - .04 .006 - .06 v .105 a .086 .086 0 01 - .004 - .021 l - .004 - .024 a1 .807 1.807 0 01 - .15 .706 .953 .953 0 01 - .213 .335 .71 .71 0 00 - .088 - .042 c - .104 - .045 - .198 - .064 - .284 - .133 a1 .312 1.312 0 00 - .22 - .066 c .05 - .06 .146 - .133 .183 - .198 .053 - .128 .082 - .264 .088 - .402 v - .02 a1 .21 1.21 0 00 - .061 - .4 c - .045 - .134 - .101 - .2 - .183 - .333 - .084 - .066 - .167 - .132 - .267 - .132 h - .016 c - .093 0 - .176 .03 - .262 .132 a .8 .8 0 00 - .205 .334 1.18 1.18 0 00 - .09 .4 v .019 c .002 .089 .008 .179 .02 .267 - .193 - .067 - .438 - .135 - .607 - .202 a1 .635 1.635 0 01 - .018 - .2 v - .02 a1 .772 1.772 0 01.15 - .768 c .082 - .22 .232 - .406 .43 - .533 a .985 .985 0 01.594 - .2 zm - 2.962 .059 h .036 c .142 0 .27 .048 .399 .135 .146 .129 .264 .288 .344 .465 .09 .199 .14 .4 .153 .667 v .004 c .007 .134 .006 .2 - .002 .266 v .08 c - .03 .007 - .056 .018 - .083 .024 - .152 .055 - .274 .135 - .393 .2 .012 - .09 .013 - .18 .003 - .267 v - .015 c - .012 - .133 - .04 - .2 - .082 - .333 a .613 .613 0 00 - .166 - .267 .248 .248 0 00 - .183 - .064 h - .021 c - .071 .006 - .13 .04 - .186 .132 a .552 .552 0 00 - .12 .27 .944 .944 0 00 - .023 .33 v .015 c .012 .135 .037 .2 .08 .334 .046 .134 .098 .2 .166 .268 .01 .009 .02 .018 .034 .024 - .07 .057 - .117 .07 - .176 .136 a .304 .304 0 01 - .131 .068 2.62 2.62 0 01 - .275 - .402 1.772 1.772 0 01 - .155 - .667 1.759 1.759 0 01.08 - .668 1.43 1.43 0 01.283 - .535 c .128 - .133 .26 - .2 .418 - .2 zm1 .37 1.706 c .332 0 .733 .065 1.216 .399 .293 .2 .523 .269 1.052 .468 h .003 c .255 .136 .405 .266 .478 .399 v - .131 a .571 .571 0 01.016 .47 c - .123 .31 - .516 .643 - 1.063 .842 v .002 c - .268 .135 - .501 .333 - .775 .465 - .276 .135 - .588 .292 - 1.012 .267 a1 .139 1.139 0 01 - .448 - .067 3.566 3.566 0 01 - .322 - .198 c - .195 - .135 - .363 - .332 - .612 - .465 v - .005 h - .005 c - .4 - .246 - .616 - .512 - .686 - .71 - .07 - .268 - .005 - .47 .193 - .6 .224 - .135 .38 - .271 .483 - .336 .104 - .074 .143 - .102 .176 - .131 h .002 v - .003 c .169 - .202 .436 - .47 .839 - .601 .139 - .036 .294 - .065 .466 - .065 zm2 .8 2.142 c .358 1.417 1.196 3.475 1.735 4.473 .286 .534 .855 1.659 1.102 3.024 .156 - .005 .33 .018 .513 .064 .646 - 1.671 - .546 - 3.467 - 1.089 - 3.966 - .22 - .2 - .232 - .335 - .123 - .335 .59 .534 1.365 1.572 1.646 2.757 .13 .535 .16 1.104 .021 1.67 .067 .028 .135 .06 .205 .067 1.032 .534 1.413 .938 1.23 1.537 v - .043 c - .06 - .003 - .12 0 - .18 0 h - .016 c .151 - .467 - .182 - .825 - 1.065 - 1.224 - .915 - .4 - 1.646 - .336 - 1.77 .465 - .008 .043 - .013 .066 - .018 .135 - .068 .023 - .139 .053 - .209 .064 - .43 .268 - .662 .669 - .793 1.187 - .13 .533 - .17 1.156 - .205 1.869 v .003 c - .02 .334 - .17 .838 - .319 1.35 - 1.5 1.072 - 3.58 1.538 - 5.348 .334 a2 .645 2.645 0 00 - .402 - .533 1.45 1.45 0 00 - .275 - .333 c .182 0 .338 - .03 .465 - .067 a .615 .615 0 00.314 - .334 c .108 - .267 0 - .697 - .345 - 1.163 - .345 - .467 - .931 - .995 - 1.788 - 1.521 - .63 - .4 - .986 - .87 - 1.15 - 1.396 - .165 - .534 - .143 - 1.085 - .015 - 1.645 .245 - 1.07 .873 - 2.11 1.274 - 2.763 .107 - .065 .037 .135 - .408 .974 - .396 .751 - 1.14 2.497 - .122 3.854 a8 .123 8.123 0 01.647 - 2.876 c .564 - 1.278 1.743 - 3.504 1.836 - 5.268 .048 .036 .217 .135 .289 .202 .218 .133 .38 .333 .59 .465 .21 .201 .477 .335 .876 .335 .039 .003 .075 .006 .11 .006 .412 0 .73 - .134 .997 - .268 .29 - .134 .52 - .334 .74 - .4 h .005 c .467 - .135 .835 - .402 1.044 - .7 zm2 .185 8.958 c .037 .6 .343 1.245 .882 1.377 .588 .134 1.434 - .333 1.791 - .765 l .211 - .01 c .315 - .007 .577 .01 .847 .268 l .003 .003 c .208 .199 .305 .53 .391 .876 .085 .4 .154 .78 .409 1.066 .486 .527 .645 .906 .636 1.14 l .003 - .007 v .018 l - .003 - .012 c - .015 .262 - .185 .396 - .498 .595 - .63 .401 - 1.746 .712 - 2.457 1.57 - .618 .737 - 1.37 1.14 - 2.036 1.191 - .664 .053 - 1.237 - .2 - 1.574 - .898
/ >
2023-08-04 18:22:23 -04:00
< / svg >
< svg
v - else - if = "os === 'Windows'"
xmlns = "http://www.w3.org/2000/svg"
viewBox = "0 0 4875 4875"
fill = "currentColor"
>
< path
d = "M0 0h2311v2310H0zm2564 0h2311v2310H2564zM0 2564h2311v2311H0zm2564 0h2311v2311H2564"
/ >
< / svg >
< svg
v - else - if = "os === 'Mac'"
xmlns = "http://www.w3.org/2000/svg"
width = "44"
height = "44"
viewBox = "0 0 44 44"
fill = "none"
>
< path
d = "M33.5752 37.7889C31.3308 39.8664 28.8802 39.5384 26.5212 38.5543C24.0248 37.5484 21.7345 37.5046 19.1007 38.5543C15.8027 39.9102 14.0621 39.5165 12.0924 37.7889C0.915868 26.789 2.56487 10.0377 15.253 9.42536C18.3449 9.57844 20.4978 11.0436 22.3071 11.1748C25.0096 10.65 27.5976 9.14107 30.4834 9.33789C33.9417 9.60031 36.5526 10.9124 38.2703 13.2742C31.1247 17.3637 32.8195 26.3516 39.3697 28.8665C38.0642 32.1468 36.3694 35.4052 33.5523 37.8108L33.5752 37.7889ZM22.078 9.29415C21.7345 4.41745 25.8799 0.393635 30.6437 0C31.3079 5.6421 25.2844 9.84086 22.078 9.29415Z"
fill = "currentColor"
/ >
< / svg >
2023-08-05 13:09:44 -04:00
Download the Modrinth App
2023-08-04 18:22:23 -04:00
< / button >
2023-08-05 17:27:35 -07:00
< button class = "iconified-button outline-button btn btn-large" @click ="scrollToSection" >
More Download Options
< / button >
2023-08-04 18:22:23 -04:00
< / div >
2023-08-05 13:09:44 -04:00
< img src = "https://cdn-raw.modrinth.com/app-landing/app-screenshot.webp" alt = "cube maze" / >
2023-08-04 18:22:23 -04:00
< div class = "bottom-transition" / >
< / div >
< div class = "features" >
< h1 class = "subheader" >
Unlike any launcher < br / >
you ' ve used before
< / h1 >
< div class = "feature-grid" >
< div class = "feature gradient-border mods" >
< div class = "search-bar" >
< h4 > Installed mods < / h4 >
< div class = "mini-input" >
< SearchIcon / >
< div class = "search" > Search mods < / div >
< / div >
< / div >
< div class = "header row" >
< div / >
< div class = "cell" > Name < / div >
< div class = "cell" > Version < / div >
< div class = "cell" > Actions < / div >
< / div >
< div class = "table" >
< div class = "row first" >
< div class = "cell" >
< Avatar size = "sm" src = "https://cdn.modrinth.com/data/P7dR8mSH/icon.png" / >
< / div >
< div class = "cell" >
< div class = "name" > Fabric API < / div >
< div class = "description" > by modmuss < / div >
< / div >
2023-08-05 13:09:44 -04:00
< div class = "cell important" > 0.86 .1 + 1.20 .1 < / div >
2023-08-04 18:22:23 -04:00
< div class = "cell check" >
2023-08-05 13:09:44 -04:00
< Checkbox :model-value = "true" tabindex = "-1" / >
< button class = "btn icon-only transparent" tabindex = "-1" >
2023-08-04 18:22:23 -04:00
< TrashIcon / >
< / button >
< / div >
< / div >
< div class = "row" >
< div class = "cell" >
< Avatar size = "sm" src = "https://cdn.modrinth.com/data/AANobbMI/icon.png" / >
< / div >
< div class = "cell" >
< div class = "name" > Sodium < / div >
< div class = "description" > by jellysquid3 < / div >
< / div >
2023-08-05 13:09:44 -04:00
< div class = "cell" > mc1 .20 .1 - 0.5 .0 < / div >
2023-08-04 18:22:23 -04:00
< div class = "cell check" >
2023-08-05 13:09:44 -04:00
< Checkbox :model-value = "true" tabindex = "-1" / >
< button class = "btn icon-only transparent" tabindex = "-1" >
2023-08-04 18:22:23 -04:00
< TrashIcon / >
< / button >
< / div >
< / div >
< div class = "row" >
< div class = "cell" >
< Avatar
size = "sm"
src = "https://cdn.modrinth.com/data/YL57xq9U/dc558eece920db435f9823ce86de0c4cde89800b.png"
/ >
< / div >
< div class = "cell" >
< div class = "name" > Iris Shaders < / div >
< div class = "description" > by coderbot < / div >
< / div >
2023-08-05 13:09:44 -04:00
< div class = "cell" > 1.6 .5 + 1.20 .1 < / div >
2023-08-04 18:22:23 -04:00
< div class = "cell check" >
2023-08-05 13:09:44 -04:00
< Checkbox :model-value = "true" tabindex = "-1" / >
< button class = "btn icon-only transparent" tabindex = "-1" >
2023-08-04 18:22:23 -04:00
< TrashIcon / >
< / button >
< / div >
< / div >
< div class = "row" >
< div class = "cell" >
< Avatar size = "sm" src = "https://cdn.modrinth.com/data/gvQqBUqZ/icon.png" / >
< / div >
< div class = "cell" >
< div class = "name" > Lithium < / div >
< div class = "description" > by jellysquid3 < / div >
< / div >
2023-08-05 13:09:44 -04:00
< div class = "cell" > mc1 .20 .1 - 0.11 .2 < / div >
2023-08-04 18:22:23 -04:00
< div class = "cell check" >
2023-08-05 13:09:44 -04:00
< Checkbox :model-value = "true" tabindex = "-1" / >
< button class = "btn icon-only transparent" tabindex = "-1" >
2023-08-04 18:22:23 -04:00
< TrashIcon / >
< / button >
< / div >
< / div >
< div class = "row" >
< div class = "cell" >
< Avatar size = "sm" src = "https://cdn.modrinth.com/data/mOgUt4GM/icon.png" / >
< / div >
< div class = "cell" >
< div class = "name" > Mod Menu < / div >
< div class = "description" > by Prospector < / div >
< / div >
2023-08-05 13:09:44 -04:00
< div class = "cell" > 7.2 .1 < / div >
2023-08-04 18:22:23 -04:00
< div class = "cell check" >
2023-08-05 13:09:44 -04:00
< Checkbox :model-value = "true" tabindex = "-1" / >
< button class = "btn icon-only transparent" tabindex = "-1" >
2023-08-04 18:22:23 -04:00
< TrashIcon / >
< / button >
< / div >
< / div >
< div class = "row" >
< div class = "cell" >
< Avatar size = "sm" src = "https://cdn.modrinth.com/data/9s6osm5g/icon.png" / >
< / div >
< div class = "cell" >
< div class = "name" > Cloth Config API < / div >
< div class = "description" > by shedaniel < / div >
< / div >
2023-08-05 13:09:44 -04:00
< div class = "cell" > 11.1 .106 + fabric < / div >
2023-08-04 18:22:23 -04:00
< div class = "cell check" >
2023-08-05 13:09:44 -04:00
< Checkbox :model-value = "true" tabindex = "-1" / >
< button class = "btn icon-only transparent" tabindex = "-1" >
2023-08-04 18:22:23 -04:00
< TrashIcon / >
< / button >
< / div >
< / div >
< div class = "row" >
< div class = "cell" >
< Avatar size = "sm" src = "https://cdn.modrinth.com/data/lhGA9TYQ/icon.png" / >
< / div >
< div class = "cell" >
< div class = "name" > Architectury API < / div >
< div class = "description" > by shedaniel < / div >
< / div >
2023-08-05 13:09:44 -04:00
< div class = "cell" > 9.1 .12 + fabric < / div >
2023-08-04 18:22:23 -04:00
< div class = "cell check" >
2023-08-05 13:09:44 -04:00
< Checkbox :model-value = "true" tabindex = "-1" / >
< button class = "btn icon-only transparent" tabindex = "-1" >
2023-08-04 18:22:23 -04:00
< TrashIcon / >
< / button >
< / div >
< / div >
< div class = "row" >
< div class = "cell" >
< Avatar
size = "sm"
src = "https://cdn.modrinth.com/data/nrJ2NpD0/0efcf28eb5c18bed0cc47d786879e32550861ca4.png"
/ >
< / div >
< div class = "cell" >
< div class = "name" > Craftify < / div >
< div class = "description" > by ThatGravyBoat < / div >
< / div >
2023-08-05 13:09:44 -04:00
< div class = "cell" > 8.5 .2023 < / div >
2023-08-04 18:22:23 -04:00
< div class = "cell check" >
2023-08-05 13:09:44 -04:00
< Checkbox :model-value = "true" tabindex = "-1" / >
< button class = "btn icon-only transparent" tabindex = "-1" >
2023-08-04 18:22:23 -04:00
< TrashIcon / >
< / button >
< / div >
< / div >
< / div >
< h3 > Mod management < / h3 >
< p >
Modrinth makes it easy to manage all your mods in one place . You can install , uninstall ,
and update mods with a single click .
< / p >
< / div >
< div class = "feature gradient-border playing" >
< div class = "text" >
< h3 > Play with your favorite mods < / h3 >
2023-08-05 13:09:44 -04:00
< p > Use the Modrinth App to download and play with your favorite mods and modpacks . < / p >
2023-08-04 18:22:23 -04:00
< / div >
< img
2023-08-05 13:09:44 -04:00
src = "https://cdn-raw.modrinth.com/app-landing/cobblemon-launcher.webp"
alt = "The Modrinth App playing Cobblemon for Fabric"
2023-08-04 18:22:23 -04:00
class = "launcher"
/ >
< img
2023-08-05 13:09:44 -04:00
src = "https://cdn-raw.modrinth.com/app-landing/cobblemon.webp"
2023-08-04 18:22:23 -04:00
alt = "Minecraft playing Cobblemon for Fabric"
class = "minecraft"
/ >
< / div >
< div class = "feature gradient-border sharing" >
< div class = "row header" > Included mods < EditIcon / > < / div >
< div class = "table" >
< div class = "row first" >
< div class = "cell" >
< Avatar
size = "sm"
src = "https://cdn.modrinth.com/data/3ufwT9JF/2a15f23b7ffa2d50fc6ae1c42029a728ce3e2847.jpeg"
/ >
< / div >
< div class = "cell" > Ad Astra < / div >
< div class = "cell" >
< div class = "description" > Live long and prosper , Ad Astra ! < / div >
< / div >
< / div >
< div class = "row" >
< div class = "cell" >
< Avatar
size = "sm"
src = "https://cdn.modrinth.com/data/b1LdOZlE/465598dc5d89f67fb8f8de6def21240fa35e3a54.png"
/ >
< / div >
< div class = "cell" > Spirit < / div >
< div class = "cell" >
< div class = "description" >
A mod exploring soul magic in tools , blocks , weapons and more .
< / div >
< / div >
< / div >
< div class = "row" >
< div class = "cell" >
< Avatar
size = "sm"
src = "https://cdn.modrinth.com/data/MI1LWe93/d42fb7a69f1e7a86584fa1ed43520af98acec065.png"
/ >
< / div >
< div class = "cell" > Creeper Overhaul < / div >
< div class = "cell" > A mod which overhauls the vanilla creepers ! < / div >
< / div >
< / div >
< h3 > Share Modpacks < / h3 >
< p >
Build , share , and play modpacks with any of the thousands of mods and modpacks hosted
here on Modrinth .
< / p >
< div class = "export-card" >
< Avatar
src = "https://cdn.modrinth.com/data/mY0lOQFc/81c6eff2b86220e12e62a4ad0d2f364a605c42c4.png"
/ >
< div class = "info" >
< div class = "exporting" >
< div class = "tag" > < BoxIcon / > Modpack < / div >
< div class = "small-button" >
Share
< SendIcon / >
< / div >
< / div >
< h4 class = "name" > All of Fabric | Orion < / h4 >
< div class = "author" > by AK < / div >
< / div >
< / div >
< / div >
< div class = "feature gradient-border performance" >
< div class = "title" >
< h4 > Activity monitor < / h4 >
< Badge color = "green" type = "Good performance" / >
< / div >
< div class = "header row" >
< div / >
< div class = "cell" > Process name < / div >
< div class = "cell" > % CPU < / div >
< div class = "cell" > RAM < / div >
< / div >
< div class = "table" >
< div class = "row first" >
< div class = "cell" >
< div >
< div class = "icon-logo modrinth" >
< LogoAnimated class = "icon" / >
< / div >
< / div >
< / div >
2023-08-05 13:09:44 -04:00
< div class = "cell important" > Modrinth App < / div >
2023-08-04 18:22:23 -04:00
< div class = "cell important" > Small < / div >
2023-08-05 13:09:44 -04:00
< div class = "cell important" > { { '< 150 MB' } } < / div >
2023-08-04 18:22:23 -04:00
< / div >
< div class = "row" >
< div class = "cell" >
< div >
< div class = "icon-logo" > < / div >
< / div >
< / div >
< div class = "cell" > Google Chrome < / div >
< div class = "cell" > 150 % < / div >
2023-08-05 13:09:44 -04:00
< div class = "cell" > ∞ MB < / div >
2023-08-04 18:22:23 -04:00
< / div >
< div class = "row" >
< div class = "cell" >
< div >
< div class = "icon-logo" > < / div >
< / div >
< / div >
2023-08-05 13:09:44 -04:00
< div class = "cell" > Discord < / div >
< div class = "cell" > 1 billion % < / div >
< div class = "cell" > ∞ * ∞ MB < / div >
2023-08-04 18:22:23 -04:00
< / div >
< / div >
< h3 > Performant < / h3 >
< p >
2023-08-05 13:09:44 -04:00
The Modrinth App performs better than many of the leading mod managers , using just 150 mb
of RAM !
2023-08-04 18:22:23 -04:00
< / p >
< / div >
< div class = "feature gradient-border website" >
< div class = "icon-logo" >
< LogoAnimated class = "icon" / >
< / div >
< div class = "ellipsis" / >
< div class = "projects-showcase" >
< div v-for = "(row, index) in rows" :key="index" class="row" >
< div v-for = "n in 2" :key="n" class="row__content" :class="{ offset: index % 2 }" >
< nuxt-link
v - for = "project in row"
: key = "project.id"
class = "project button-animation gradient-border"
: to = "`/${project.project_type}/${project.slug ? project.slug : project.id}`"
>
< Avatar :src = "project.icon_url" :alt = "project.title" size = "sm" loading = "lazy" / >
< div class = "project-info" >
< span class = "title" >
{ { project . title } }
< / span >
< span class = "description" >
{ { project . description } }
< / span >
< / div >
< / nuxt-link >
< / div >
< / div >
< / div >
< h3 > Website Integration < / h3 >
< p >
2023-08-05 13:09:44 -04:00
The Modrinth App is fully integrated with the website , so you can access all your
favorite projects from the app !
2023-08-04 18:22:23 -04:00
< / p >
< / div >
< div class = "feature gradient-border importing" >
< div class = "text" >
< h3 > Profile importing < / h3 >
< p >
Import all your favorite profiles from the launcher you were using before , and get
2023-08-05 13:09:44 -04:00
started with the Modrinth App in seconds !
2023-08-04 18:22:23 -04:00
< / p >
< / div >
< div class = "ring inner-ring" >
< div class = "icon-logo" >
< LogoAnimated class = "icon" / >
< / div >
< div class = "launcher-badge top-left" >
< img src = "~/assets/images/external/gdlauncher.png" alt = "GDLauncher" / >
< / div >
< div class = "launcher-badge top-right" >
< img src = "~/assets/images/external/multimc.webp" alt = "MultiMC" / >
< / div >
< div class = "launcher-badge bottom-left" >
< PrismIcon / >
< / div >
< div class = "launcher-badge bottom-right" >
< ATLauncher / >
< / div >
< div class = "launcher-badge bottom-middle" >
< CurseForge / >
< / div >
< div class = "first-ring" / >
< div class = "second-ring" / >
< div class = "third-ring" / >
< / div >
< / div >
< / div >
< div class = "feature-row" >
< div class = "point" >
< div class = "title" >
< svg
class = "dark-icon"
xmlns = "http://www.w3.org/2000/svg"
width = "24"
height = "24"
viewBox = "0 0 24 24"
fill = "none"
>
< path
d = " M21 8.25 C21 8.70312 20.9258 9.13281 20.7773 9.53906 C20 .6289 9.94531 20.4141 10.3125 20.1328 10.6406 C19 .8516 10.9688 19.5273 11.2461 19.1602 11.4727 C18 .793 11.6992 18.3828 11.8516 17.9297 11.9297 C17 .8438 12.375 17.6914 12.7852 17.4727 13.1602 C17 .2539 13.5352 16.9766 13.8594 16.6406 14.1328 C16 .3047 14.4062 15.9375 14.6172 15.5391 14.7656 C15 .1406 14.9141 14.7109 14.9922 14.25 15 H9 .75 C9 .5 15 9.26172 15.0391 9.03516 15.1172 C8 .80859 15.1953 8.60156 15.3047 8.41406 15.4453 C8 .22656 15.5859 8.0625 15.7539 7.92188 15.9492 C7 .78125 16.1445 7.67578 16.3633 7.60547 16.6055 C8 .02734 16.707 8.41406 16.8711 8.76562 17.0977 C9 .11719 17.3242 9.42188 17.6016 9.67969 17.9297 C9 .9375 18.2578 10.1367 18.6172 10.2773 19.0078 C10 .418 19.3984 10.4922 19.8125 10.5 20.25 C10 .5 20.7656 10.4023 21.25 10.207 21.7031 C10 .0117 22.1562 9.74219 22.5547 9.39844 22.8984 C9 .05469 23.2422 8.65625 23.5117 8.20312 23.707 C7 .75 23.9023 7.26562 24 6.75 24 C6 .23438 24 5.75 23.9023 5.29688 23.707 C4 .84375 23.5117 4.44531 23.2461 4.10156 22.9102 C3 .75781 22.5742 3.48828 22.1758 3.29297 21.7148 C3 .09766 21.2539 3 20.7656 3 20.25 C3 19.8047 3.07422 19.3789 3.22266 18.9727 C3 .37109 18.5664 3.57812 18.2031 3.84375 17.8828 C4 .10938 17.5625 4.42578 17.2852 4.79297 17.0508 C5 .16016 16.8164 5.5625 16.6602 6 16.582 V7 .41797 C5 .5625 7.33203 5.16016 7.17578 4.79297 6.94922 C4 .42578 6.72266 4.10938 6.44922 3.84375 6.12891 C3 .57812 5.80859 3.37109 5.44141 3.22266 5.02734 C3 .07422 4.61328 3 4.1875 3 3.75 C3 3.23438 3.09766 2.75 3.29297 2.29688 C3 .48828 1.84375 3.75391 1.44922 4.08984 1.11328 C4 .42578 0.777344 4.82422 0.507812 5.28516 0.304688 C5 .74609 0.101562 6.23438 0 6.75 0 C7 .26562 0 7.75 0.0976563 8.20312 0.292969 C8 .65625 0.488281 9.05078 0.757812 9.38672 1.10156 C9 .72266 1.44531 9.99219 1.84375 10.1953 2.29688 C10 .3984 2.75 10.5 3.23438 10.5 3.75 C10 .5 4.19531 10.4258 4.62109 10.2773 5.02734 C10 .1289 5.43359 9.92188 5.79688 9.65625 6.11719 C9 .39062 6.4375 9.07422 6.71484 8.70703 6.94922 C8 .33984 7.18359 7.9375 7.33984 7.5 7.41797 V14 .2734 C7 .82812 14.0234 8.18359 13.832 8.56641 13.6992 C8 .94922 13.5664 9.34375 13.5 9.75 13.5 H14 .25 C14 .5 13.5 14.7383 13.4609 14.9648 13.3828 C15 .1914 13.3047 15.3984 13.1953 15.5859 13.0547 C15 .7734 12.9141 15.9375 12.7461 16.0781 12.5508 C16 .2188 12.3555 16.3242 12.1367 16.3945 11.8945 C15 .9727 11.793 15.5859 11.6289 15.2344 11.4023 C14 .8828 11.1758 14.5781 10.9023 14.3203 10.582 C14 .0625 10.2617 13.8633 9.90234 13.7227 9.50391 C13 .582 9.10547 13.5078 8.6875 13.5 8.25 C13 .5 7.73438 13.5977 7.25 13.793 6.79688 C13 .9883 6.34375 14.2539 5.94922 14.5898 5.61328 C14 .9258 5.27734 15.3242 5.00781 15.7852 4.80469 C16 .2461 4.60156 16.7344 4.5 17.25 4.5 C17 .7656 4.5 18.25 4.59766 18.7031 4.79297 C19 .1562 4.98828 19.5508 5.25781 19.8867 5.60156 C20 .2227 5.94531 20.4922 6.34375 20.6953 6.79688 C20 .8984 7.25 21 7.73438 21 8.25 ZM4 .5 3.75 C4 .5 4.0625 4.55859 4.35547 4.67578 4.62891 C4 .79297 4.90234 4.95312 5.14062 5.15625 5.34375 C5 .35938 5.54688 5.59766 5.70703 5.87109 5.82422 C6 .14453 5.94141 6.4375 6 6.75 6 C7 .0625 6 7.35547 5.94141 7.62891 5.82422 C7 .90234 5.70703 8.14062 5.54688 8.34375 5.34375 C8 .54688 5.14062 8.70703 4.90234 8.82422 4.62891 C8 .94141 4.35547 9 4.0625 9 3.75 C9 3.4375 8.94141 3.14453 8.82422 2.87109 C8 .70703 2.59766 8.54688 2.35938 8.34375 2.15625 C8 .14062 1.95312 7.90234 1.79297 7.62891 1.67578 C7 .35547 1.55859 7.0625 1.5 6.75 1.5 C6 .4375 1.5 6.14453 1.55859 5.87109 1.67578 C5 .59766 1.79297 5.35938 1.95312 5.15625 2.15625 C4 .95312 2.35938 4.79297 2.59766 4.67578 2.87109 C4 .55859 3.14453 4.5 3.4375 4.5 3.75 ZM9 20.25 C9 19.9375 8.94141 19.6445 8.82422 19.3711 C8 .70703 19.0977 8.54688 18.8594 8.34375 18.6562 C8 .14062 18.4531 7.90234 18.293 7.62891 18.1758 C7 .35547 18.0586 7.0625 18 6.75 18 C6 .4375 18 6.14453 18.0586 5.87109 18.1758 C5 .59766 18.293 5.35938 18.4531 5.15625 18.6562 C4 .95312 18.8594 4.79297 19.0977 4.67578 19.3711 C4 .55859 19.6445 4.5 19.9375 4.5 20.25 C4 .5 20.5625 4.55859 20.8555 4.67578 21.1289 C4 .79297 21.4023 4.95312 21.6406 5.15625 21.8438 C5 .35938 22.0469 5.59766 22.207 5.87109 22.3242 C6 .14453 22.4414 6.4375 22.5 6.75 22.5 C7 .0625 22.5 7.35547 22.4414 7.62891 22.3242 C7 .90234 2
fill = "url(#paint0_linear_897_3796)"
/ >
< defs >
< linearGradient
id = "paint0_linear_897_3796"
x1 = "12"
y1 = "0"
x2 = "12"
y2 = "24"
gradientUnits = "userSpaceOnUse"
>
< stop stop -color = " # C1E1B1 " / >
< stop offset = "1" stop -color = " # A7BDE6 " / >
< / linearGradient >
< / defs >
< / svg >
< svg
class = "light-icon"
xmlns = "http://www.w3.org/2000/svg"
width = "24"
height = "24"
viewBox = "0 0 24 24"
fill = "none"
>
< path
d = " M21 8.25 C21 8.70312 20.9258 9.13281 20.7773 9.53906 C20 .6289 9.94531 20.4141 10.3125 20.1328 10.6406 C19 .8516 10.9688 19.5273 11.2461 19.1602 11.4727 C18 .793 11.6992 18.3828 11.8516 17.9297 11.9297 C17 .8438 12.375 17.6914 12.7852 17.4727 13.1602 C17 .2539 13.5352 16.9766 13.8594 16.6406 14.1328 C16 .3047 14.4062 15.9375 14.6172 15.5391 14.7656 C15 .1406 14.9141 14.7109 14.9922 14.25 15 H9 .75 C9 .5 15 9.26172 15.0391 9.03516 15.1172 C8 .80859 15.1953 8.60156 15.3047 8.41406 15.4453 C8 .22656 15.5859 8.0625 15.7539 7.92188 15.9492 C7 .78125 16.1445 7.67578 16.3633 7.60547 16.6055 C8 .02734 16.707 8.41406 16.8711 8.76562 17.0977 C9 .11719 17.3242 9.42188 17.6016 9.67969 17.9297 C9 .9375 18.2578 10.1367 18.6172 10.2773 19.0078 C10 .418 19.3984 10.4922 19.8125 10.5 20.25 C10 .5 20.7656 10.4023 21.25 10.207 21.7031 C10 .0117 22.1562 9.74219 22.5547 9.39844 22.8984 C9 .05469 23.2422 8.65625 23.5117 8.20312 23.707 C7 .75 23.9023 7.26562 24 6.75 24 C6 .23438 24 5.75 23.9023 5.29688 23.707 C4 .84375 23.5117 4.44531 23.2461 4.10156 22.9102 C3 .75781 22.5742 3.48828 22.1758 3.29297 21.7148 C3 .09766 21.2539 3 20.7656 3 20.25 C3 19.8047 3.07422 19.3789 3.22266 18.9727 C3 .37109 18.5664 3.57812 18.2031 3.84375 17.8828 C4 .10938 17.5625 4.42578 17.2852 4.79297 17.0508 C5 .16016 16.8164 5.5625 16.6602 6 16.582 V7 .41797 C5 .5625 7.33203 5.16016 7.17578 4.79297 6.94922 C4 .42578 6.72266 4.10938 6.44922 3.84375 6.12891 C3 .57812 5.80859 3.37109 5.44141 3.22266 5.02734 C3 .07422 4.61328 3 4.1875 3 3.75 C3 3.23438 3.09766 2.75 3.29297 2.29688 C3 .48828 1.84375 3.75391 1.44922 4.08984 1.11328 C4 .42578 0.777344 4.82422 0.507812 5.28516 0.304688 C5 .74609 0.101562 6.23438 0 6.75 0 C7 .26562 0 7.75 0.0976563 8.20312 0.292969 C8 .65625 0.488281 9.05078 0.757812 9.38672 1.10156 C9 .72266 1.44531 9.99219 1.84375 10.1953 2.29688 C10 .3984 2.75 10.5 3.23438 10.5 3.75 C10 .5 4.19531 10.4258 4.62109 10.2773 5.02734 C10 .1289 5.43359 9.92188 5.79688 9.65625 6.11719 C9 .39062 6.4375 9.07422 6.71484 8.70703 6.94922 C8 .33984 7.18359 7.9375 7.33984 7.5 7.41797 V14 .2734 C7 .82812 14.0234 8.18359 13.832 8.56641 13.6992 C8 .94922 13.5664 9.34375 13.5 9.75 13.5 H14 .25 C14 .5 13.5 14.7383 13.4609 14.9648 13.3828 C15 .1914 13.3047 15.3984 13.1953 15.5859 13.0547 C15 .7734 12.9141 15.9375 12.7461 16.0781 12.5508 C16 .2188 12.3555 16.3242 12.1367 16.3945 11.8945 C15 .9727 11.793 15.5859 11.6289 15.2344 11.4023 C14 .8828 11.1758 14.5781 10.9023 14.3203 10.582 C14 .0625 10.2617 13.8633 9.90234 13.7227 9.50391 C13 .582 9.10547 13.5078 8.6875 13.5 8.25 C13 .5 7.73438 13.5977 7.25 13.793 6.79688 C13 .9883 6.34375 14.2539 5.94922 14.5898 5.61328 C14 .9258 5.27734 15.3242 5.00781 15.7852 4.80469 C16 .2461 4.60156 16.7344 4.5 17.25 4.5 C17 .7656 4.5 18.25 4.59766 18.7031 4.79297 C19 .1562 4.98828 19.5508 5.25781 19.8867 5.60156 C20 .2227 5.94531 20.4922 6.34375 20.6953 6.79688 C20 .8984 7.25 21 7.73438 21 8.25 ZM4 .5 3.75 C4 .5 4.0625 4.55859 4.35547 4.67578 4.62891 C4 .79297 4.90234 4.95312 5.14062 5.15625 5.34375 C5 .35938 5.54688 5.59766 5.70703 5.87109 5.82422 C6 .14453 5.94141 6.4375 6 6.75 6 C7 .0625 6 7.35547 5.94141 7.62891 5.82422 C7 .90234 5.70703 8.14062 5.54688 8.34375 5.34375 C8 .54688 5.14062 8.70703 4.90234 8.82422 4.62891 C8 .94141 4.35547 9 4.0625 9 3.75 C9 3.4375 8.94141 3.14453 8.82422 2.87109 C8 .70703 2.59766 8.54688 2.35938 8.34375 2.15625 C8 .14062 1.95312 7.90234 1.79297 7.62891 1.67578 C7 .35547 1.55859 7.0625 1.5 6.75 1.5 C6 .4375 1.5 6.14453 1.55859 5.87109 1.67578 C5 .59766 1.79297 5.35938 1.95312 5.15625 2.15625 C4 .95312 2.35938 4.79297 2.59766 4.67578 2.87109 C4 .55859 3.14453 4.5 3.4375 4.5 3.75 ZM9 20.25 C9 19.9375 8.94141 19.6445 8.82422 19.3711 C8 .70703 19.0977 8.54688 18.8594 8.34375 18.6562 C8 .14062 18.4531 7.90234 18.293 7.62891 18.1758 C7 .35547 18.0586 7.0625 18 6.75 18 C6 .4375 18 6.14453 18.0586 5.87109 18.1758 C5 .59766 18.293 5.35938 18.4531 5.15625 18.6562 C4 .95312 18.8594 4.79297 19.0977 4.67578 19.3711 C4 .55859 19.6445 4.5 19.9375 4.5 20.25 C4 .5 20.5625 4.55859 20.8555 4.67578 21.1289 C4 .79297 21.4023 4.95312 21.6406 5.15625 21.8438 C5 .35938 22.0469 5.59766 22.207 5.87109 22.3242 C6 .14453 22.4414 6.4375 22.5 6.75 22.5 C7 .0625 22.5 7.35547 22.4414 7.62891 22.3242 C7 .90234 2
fill = "url(#paint0_linear_944_4967)"
/ >
< defs >
< linearGradient
id = "paint0_linear_944_4967"
x1 = "12"
y1 = "0"
x2 = "12"
y2 = "24"
gradientUnits = "userSpaceOnUse"
>
< stop stop -color = " # A7D0FF " / >
< stop offset = "0.414928" stop -color = " # 00BD3C " / >
< / linearGradient >
< / defs >
< / svg >
< h3 > Open source < / h3 >
< / div >
< div class = "description" >
2023-08-05 13:09:44 -04:00
Modrinth ’ s launcher is fully open source . You can view the source code on our
< a href = "https://github.com/modrinth/theseus" rel = "noopener" :target = "$external()"
> GitHub < / a
> !
2023-08-04 18:22:23 -04:00
< / div >
< / div >
< div class = "point" >
< div class = "title" >
< svg
class = "dark-icon"
xmlns = "http://www.w3.org/2000/svg"
width = "24"
height = "24"
viewBox = "0 0 24 24"
fill = "none"
>
< g clip -path = " url ( # clip0_897_3802 ) " >
< path
d = "M4.39313 8.58984C2.31984 9.28359 0.75 10.9266 0.75 13.5C0.75 16.5938 3.28125 18.75 6.375 18.75H15.0173M21.9291 17.7066C22.7456 17.0297 23.25 16.013 23.25 14.625C23.25 11.8209 20.7656 10.605 18.75 10.5C18.3333 6.30281 15.4219 3.75 12 3.75C10.7738 3.75 9.71297 4.07484 8.83125 4.60031"
stroke = "url(#paint0_linear_897_3802)"
stroke - width = "2.34783"
stroke - linecap = "round"
stroke - linejoin = "round"
/ >
< path
d = "M21 21L3 3"
stroke = "url(#paint1_linear_897_3802)"
stroke - width = "2.34783"
stroke - miterlimit = "10"
stroke - linecap = "round"
/ >
< / g >
< defs >
< linearGradient
id = "paint0_linear_897_3802"
x1 = "12"
y1 = "3.75"
x2 = "12"
y2 = "18.75"
gradientUnits = "userSpaceOnUse"
>
< stop stop -color = " # C1E1B1 " / >
< stop offset = "1" stop -color = " # A7BDE6 " / >
< / linearGradient >
< linearGradient
id = "paint1_linear_897_3802"
x1 = "12"
y1 = "3"
x2 = "12"
y2 = "21"
gradientUnits = "userSpaceOnUse"
>
< stop stop -color = " # C1E1B1 " / >
< stop offset = "1" stop -color = " # A7BDE6 " / >
< / linearGradient >
< clipPath id = "clip0_897_3802" >
< rect width = "24" height = "24" fill = "white" / >
< / clipPath >
< / defs >
< / svg >
< svg
class = "light-icon"
xmlns = "http://www.w3.org/2000/svg"
width = "26"
height = "24"
viewBox = "0 0 26 24"
fill = "none"
>
< path
d = "M5.39313 8.58984C3.31984 9.28359 1.75 10.9266 1.75 13.5C1.75 16.5938 4.28125 18.75 7.375 18.75H16.0173M22.9291 17.7066C23.7456 17.0297 24.25 16.013 24.25 14.625C24.25 11.8209 21.7656 10.605 19.75 10.5C19.3333 6.30281 16.4219 3.75 13 3.75C11.7738 3.75 10.713 4.07484 9.83125 4.60031"
stroke = "url(#paint0_linear_944_4973)"
stroke - width = "2.34783"
stroke - linecap = "round"
stroke - linejoin = "round"
/ >
< path
d = "M22 21L4 3"
stroke = "url(#paint1_linear_944_4973)"
stroke - width = "2.34783"
stroke - miterlimit = "10"
stroke - linecap = "round"
/ >
< defs >
< linearGradient
id = "paint0_linear_944_4973"
x1 = "13"
y1 = "3.75"
x2 = "13"
y2 = "18.75"
gradientUnits = "userSpaceOnUse"
>
< stop stop -color = " # A7D0FF " / >
< stop offset = "0.414928" stop -color = " # 00BD3C " / >
< / linearGradient >
< linearGradient
id = "paint1_linear_944_4973"
x1 = "13"
y1 = "3"
x2 = "13"
y2 = "21"
gradientUnits = "userSpaceOnUse"
>
< stop stop -color = " # A7D0FF " / >
< stop offset = "0.414928" stop -color = " # 00BD3C " / >
< / linearGradient >
< / defs >
< / svg >
< h3 > Offline mode < / h3 >
< / div >
< div class = "description" >
Play your mods , whether you are connected to the internet , or not .
< / div >
< / div >
< div class = "point" >
< div class = "title" >
< svg
class = "dark-icon"
xmlns = "http://www.w3.org/2000/svg"
width = "24"
height = "24"
viewBox = "0 0 24 24"
fill = "none"
>
< path
d = "M22.8533 11.7089C22.8205 11.6379 22.0264 9.94977 20.2611 8.25801C17.9089 6.00383 14.938 4.8125 11.668 4.8125C8.39796 4.8125 5.42702 6.00383 3.07483 8.25801C1.30952 9.94977 0.51171 11.6406 0.482647 11.7089C0.440003 11.8008 0.417969 11.9003 0.417969 12.0009C0.417969 12.1015 0.440003 12.201 0.482647 12.2929C0.51546 12.3639 1.30952 14.0511 3.07483 15.7429C5.42702 17.9962 8.39796 19.1875 11.668 19.1875C14.938 19.1875 17.9089 17.9962 20.2611 15.7429C22.0264 14.0511 22.8205 12.3639 22.8533 12.2929C22.8959 12.201 22.918 12.1015 22.918 12.0009C22.918 11.9003 22.8959 11.8008 22.8533 11.7089ZM11.668 17.75C8.78234 17.75 6.2614 16.7446 4.17452 14.7627C3.31825 13.9466 2.58976 13.0161 2.01171 12C2.58961 10.9838 3.31811 10.0532 4.17452 9.2373C6.2614 7.25535 8.78234 6.25 11.668 6.25C14.5536 6.25 17.0745 7.25535 19.1614 9.2373C20.0193 10.053 20.7494 10.9836 21.3289 12C20.653 13.2093 17.7083 17.75 11.668 17.75ZM11.668 7.6875C10.7779 7.6875 9.90792 7.94042 9.16789 8.41429C8.42787 8.88815 7.8511 9.56167 7.5105 10.3497C7.16991 11.1377 7.08079 12.0048 7.25443 12.8413C7.42806 13.6779 7.85664 14.4463 8.48598 15.0494C9.11532 15.6525 9.91714 16.0632 10.7901 16.2296C11.663 16.396 12.5678 16.3106 13.39 15.9842C14.2123 15.6578 14.9151 15.1051 15.4096 14.3959C15.904 13.6867 16.168 12.8529 16.168 12C16.1667 10.8566 15.6922 9.76041 14.8486 8.95192C14.0049 8.14342 12.8611 7.68869 11.668 7.6875ZM11.668 14.875C11.0746 14.875 10.4946 14.7064 10.0012 14.3905C9.5079 14.0746 9.12338 13.6256 8.89632 13.1002C8.66926 12.5749 8.60985 11.9968 8.7256 11.4391C8.84136 10.8814 9.12708 10.3691 9.54664 9.96707C9.9662 9.56499 10.5007 9.29117 11.0827 9.18024C11.6646 9.06931 12.2678 9.12624 12.816 9.34385C13.3642 9.56145 13.8327 9.92994 14.1624 10.4027C14.492 10.8755 14.668 11.4314 14.668 12C14.668 12.7625 14.3519 13.4938 13.7893 14.0329C13.2267 14.5721 12.4636 14.875 11.668 14.875Z"
fill = "url(#paint0_linear_897_3809)"
/ >
< defs >
< linearGradient
id = "paint0_linear_897_3809"
x1 = "11.668"
y1 = "4.8125"
x2 = "11.668"
y2 = "19.1875"
gradientUnits = "userSpaceOnUse"
>
< stop stop -color = " # C1E1B1 " / >
< stop offset = "1" stop -color = " # A7BDE6 " / >
< / linearGradient >
< / defs >
< / svg >
< svg
class = "light-icon"
xmlns = "http://www.w3.org/2000/svg"
width = "24"
height = "24"
viewBox = "0 0 24 24"
fill = "none"
>
< path
d = "M22.8533 11.7089C22.8205 11.6379 22.0264 9.94977 20.2611 8.25801C17.9089 6.00383 14.938 4.8125 11.668 4.8125C8.39796 4.8125 5.42702 6.00383 3.07483 8.25801C1.30952 9.94977 0.51171 11.6406 0.482647 11.7089C0.440003 11.8008 0.417969 11.9003 0.417969 12.0009C0.417969 12.1015 0.440003 12.201 0.482647 12.2929C0.51546 12.3639 1.30952 14.0511 3.07483 15.7429C5.42702 17.9962 8.39796 19.1875 11.668 19.1875C14.938 19.1875 17.9089 17.9962 20.2611 15.7429C22.0264 14.0511 22.8205 12.3639 22.8533 12.2929C22.8959 12.201 22.918 12.1015 22.918 12.0009C22.918 11.9003 22.8959 11.8008 22.8533 11.7089ZM11.668 17.75C8.78234 17.75 6.2614 16.7446 4.17452 14.7627C3.31825 13.9466 2.58976 13.0161 2.01171 12C2.58961 10.9838 3.31811 10.0532 4.17452 9.2373C6.2614 7.25535 8.78234 6.25 11.668 6.25C14.5536 6.25 17.0745 7.25535 19.1614 9.2373C20.0193 10.053 20.7494 10.9836 21.3289 12C20.653 13.2093 17.7083 17.75 11.668 17.75ZM11.668 7.6875C10.7779 7.6875 9.90792 7.94042 9.16789 8.41429C8.42787 8.88815 7.8511 9.56167 7.5105 10.3497C7.16991 11.1377 7.08079 12.0048 7.25443 12.8413C7.42806 13.6779 7.85664 14.4463 8.48598 15.0494C9.11532 15.6525 9.91714 16.0632 10.7901 16.2296C11.663 16.396 12.5678 16.3106 13.39 15.9842C14.2123 15.6578 14.9151 15.1051 15.4096 14.3959C15.904 13.6867 16.168 12.8529 16.168 12C16.1667 10.8566 15.6922 9.76041 14.8486 8.95192C14.0049 8.14342 12.8611 7.68869 11.668 7.6875ZM11.668 14.875C11.0746 14.875 10.4946 14.7064 10.0012 14.3905C9.5079 14.0746 9.12338 13.6256 8.89632 13.1002C8.66926 12.5749 8.60985 11.9968 8.7256 11.4391C8.84136 10.8814 9.12708 10.3691 9.54664 9.96707C9.9662 9.56499 10.5007 9.29117 11.0827 9.18024C11.6646 9.06931 12.2678 9.12624 12.816 9.34385C13.3642 9.56145 13.8327 9.92994 14.1624 10.4027C14.492 10.8755 14.668 11.4314 14.668 12C14.668 12.7625 14.3519 13.4938 13.7893 14.0329C13.2267 14.5721 12.4636 14.875 11.668 14.875Z"
fill = "url(#paint0_linear_944_4980)"
/ >
< defs >
< linearGradient
id = "paint0_linear_944_4980"
x1 = "11.668"
y1 = "4.8125"
x2 = "11.668"
y2 = "19.1875"
gradientUnits = "userSpaceOnUse"
>
< stop stop -color = " # A7D0FF " / >
< stop offset = "0.414928" stop -color = " # 00BD3C " / >
< / linearGradient >
< / defs >
< / svg >
< h3 > Follow projects < / h3 >
< / div >
< div class = "description" > Save content you love and receive updates with one click . < / div >
< / div >
< / div >
< / div >
< div ref = "downloadSection" class = "footer" >
< div class = "section-badge" > Download options < / div >
< div class = "section-subheader" >
2023-08-05 13:09:44 -04:00
< div class = "section-subheader-title" > Download the Modrinth App < / div >
2023-08-04 18:22:23 -04:00
< div class = "section-subheader-description" >
2023-08-09 22:02:06 +01:00
Our desktop app is available across all platforms , < br / >
2023-08-04 18:22:23 -04:00
choose your desired version .
< / div >
< / div >
< div class = "download-section" >
< div class = "download-card" >
< div class = "title" >
< svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 4875 4875" fill = "currentColor" >
< path
d = "M0 0h2311v2310H0zm2564 0h2311v2310H2564zM0 2564h2311v2311H0zm2564 0h2311v2311H2564"
/ >
< / svg >
Windows
< / div >
< div class = "description" >
< a ref = "downloadWindows" :href = "windowsLink" download = "" >
< DownloadIcon / >
< span > Download the beta < / span >
< / a >
< / div >
< / div >
< div class = "divider" / >
< div class = "download-card" >
< div class = "title" >
< svg
xmlns = "http://www.w3.org/2000/svg"
width = "44"
height = "44"
viewBox = "0 0 44 44"
fill = "none"
>
< path
d = "M33.5752 37.7889C31.3308 39.8664 28.8802 39.5384 26.5212 38.5543C24.0248 37.5484 21.7345 37.5046 19.1007 38.5543C15.8027 39.9102 14.0621 39.5165 12.0924 37.7889C0.915868 26.789 2.56487 10.0377 15.253 9.42536C18.3449 9.57844 20.4978 11.0436 22.3071 11.1748C25.0096 10.65 27.5976 9.14107 30.4834 9.33789C33.9417 9.60031 36.5526 10.9124 38.2703 13.2742C31.1247 17.3637 32.8195 26.3516 39.3697 28.8665C38.0642 32.1468 36.3694 35.4052 33.5523 37.8108L33.5752 37.7889ZM22.078 9.29415C21.7345 4.41745 25.8799 0.393635 30.6437 0C31.3079 5.6421 25.2844 9.84086 22.078 9.29415Z"
fill = "currentColor"
/ >
< / svg >
Mac
< / div >
< div class = "description apple" >
< a :href = "macLinks.appleSilicon" download = "" >
< DownloadIcon / >
< span > Download for Apple Silicon < / span >
< / a >
< a :href = "macLinks.intel" download = "" >
< DownloadIcon / >
< span > Download for Intel < / span >
< / a >
< / div >
< / div >
< div class = "divider" / >
< div class = "download-card" >
< div class = "title" >
2023-08-05 13:09:44 -04:00
< svg
class = "dark-icon"
width = "45"
height = "46"
viewBox = "0 0 45 46"
xmlns = "http://www.w3.org/2000/svg"
>
< path
id = "Subtract"
fill - rule = "evenodd"
clip - rule = "evenodd"
d = " M23 .5477 0 H23 .5461 C23 .2284 0 22.9077 0.0163711 22.5876 0.0415902 C20 .4638 0.208942 18.8991 0.910133 17.7996 2.0082 C16 .7124 3.09404 16.1751 4.47323 15.9172 5.82868 C15 .6602 7.18017 15.6685 8.57463 15.7244 9.76049 C15 .7464 10.2267 15.7737 10.6424 15.7981 11.0129 L15 .7981 11.0129 C15 .8393 11.6392 15.8719 12.1361 15.856 12.5288 C15 .7269 14.3647 15.3652 15.7513 14.1358 17.5116 C12 .4894 19.4715 10.1353 22.6851 9.00147 26.0938 C8 .50987 27.5652 8.23247 29.1259 8.37804 30.6595 C8 .14194 30.9205 7.94151 31.1909 7.77396 31.4209 L7 .69935 31.5235 C7 .53577 31.7486 7.41036 31.9212 7.28343 32.0672 C7 .22885 32.1165 7.13829 32.1747 6.95723 32.2529 C6 .85646 32.2965 6.74665 32.3386 6.60714 32.3918 L6 .60229 32.3937 L6 .60063 32.3943 C6 .4689 32.4446 6.31402 32.5038 6.15349 32.5722 L6 .14713 32.575 C6 .11461 32.5891 6.08029 32.6038 6.04439 32.6191 L6 .04194 32.6201 C5 .49857 32.8521 4.5956 33.2374 4.06765 34.2907 L4 .06313 34.2998 L4 .05878 34.3089 C3 .83111 34.787 3.71086 35.3126 3.71965 35.8518 C3 .72044 36.2784 3.77526 36.6973 3.83488 36.9965 L3 .8573 37.1494 C3 .90153 37.4502 3.93607 37.685 3.9521 37.8975 C3 .96952 38.1284 3.9557 38.2416 3.94333 38.2911 C3 .47501 39.5811 3.29341 40.7747 3.80981 41.7808 L3 .81261 41.7862 C4 .34311 42.8045 5.41437 43.1509 6.09597 43.3713 L6 .14873 43.3884 L6 .1831 43.3968 C6 .76559 43.5407 7.45296 43.6219 8.08651 43.6967 L8 .08657 43.6967 C8 .33286 43.7258 8.57102 43.7539 8.79172 43.7844 C9 .65223 43.9032 10.4057 44.0681 11.0346 44.4066 L11 .0467 44.4131 L11 .0589 44.4193 C12 .8487 45.3199 14.8309 45.8073 16.5413 45.3594 C17 .5947 45.1214 18.5098 44.4944 19.1114 43.6161 C19 .5314 43.5681 19.9501 43.481 20.3513 43.3976 L20 .4887 43.3691 C21 .1456 43.2333 21.8552 43.0939 22.7255 43.039 L22 .7353 43.0384 L22 .7452 43.0376 C23 .2171 42.9984 23.7676 43.0823 24.5478 43.2012 L24 .6654 43.2192 C25 .2572 43.3092 25.9398 43.4072 26.6797 43.4223 L26 .7366 43.5729 L26 .7865 43.6228 C27 .7132 45.3272 29.3865 46.1223 31.1344 45.9841 C32 .8861 45.8473 34.6161 44.7911 35.9501 43.2465 L35 .9575 43.2379 L35 .9647 43.2291 C36 .4178 42.6799 37.0511 42.2572 37.7983 41.8603 C38 .1016 41.6992 38.4052 41.5515 38.7175 41.3996 L38 .7179 41.3994 L38 .936 41.2932 C39 .3111 41.1099 39.7022 40.9143 40.0596 40.6996 C40 .783 40.2838 41.6765 39.5491 41.7413 38.3282 C41 .8014 37.2663 41.2531 36.3256 40.4338 35.3719 V35 .1588 L40 .1744 34.8993 C40 .1374 34.8477 40.0795 34.7411 40.0113 34.5353 C39 .934 34.302 39.8672 34.0188 39.7856 33.6562 C39 .6368 32.9545 39.4127 31.9102 38.5493 31.186 L38 .3995 31.0604 C38 .9576 28.7316 38.5908 26.4633 37.8259 24.46 C36 .7898 21.7201 34.9984 19.3692 33.6785 17.7973 L33 .6778 17.7965 C32 .1849 15.9116 31.019 14.4397 31.0434 12.2669 C31 .0453 12.1131 31.0478 11.9522 31.0504 11.7849 C31 .0801 9.87812 31.1226 7.15021 30.3612 4.83914 C29 .9387 3.55665 29.2488 2.33019 28.115 1.42642 C26 .9706 0.514298 25.4646 0.00304389 23.5477 0 ZM22 .666 1.0385 C22 .9685 1.01467 23.2618 1 23.546 1 C30 .2102 1.01058 30.1098 7.76032 30.0499 11.7866 C30 .0475 11.9472 30.0452 12.1035 30.0433 12.2548 C30 .0146 14.7849 31.382 16.51 32.8074 18.3084 C32 .8393 18.3487 32.8713 18.3891 32.9033 18.4295 C34 .205 19.9787 35.9137 22.23 36.8908 24.815 C37 .692 26.9123 37.9982 29.2443 37.208 31.5873 C37 .3329 31.5924 37.4538 31.6331 37.5563 31.7047 C37 .6223 31.7737 37.6877 31.8118 37.7513 31.8488 C37 .8026 31.8787 37.8527 31.908 37.901 31.9522 H37 .9065 C38 .4748 32.4288 38.6527 33.1347 38.8085 33.8698 C38 .9698 34.5867 39.1165 35.2008 39.4282 35.5675 L39 .4337 35.573 V35 .7508 C40 .376 36.7867 40.7848 37.5402 40.7427 38.2735 C40 .706 38.9775 40.1908 39.4725 39.5528 39.8373 C39 .1757 40.0647 38.7412 40.276 38.2863 40.4973 C37 .2045 41.0234 36.0076 41.6055 35.1932 42.5928 C33 .974 44.0045 32.4688 44.8772 31.0553 44.9872 C29 .6418 45.099 28.3182 44.45 27.6013 43.0237 L27 .5958 43.0182 C27 .5697 42.949 27.5454 42.89 27.523 42.8356 C27 .4653 42.6951 27.4199 42.5847 27.3868 42.4077 C26 .4008 42.4735 25.4823 42.3328 24.6448 42.2044 C23 .9204 42.0934 23.2567 41.9917 22.6623 42.041 C21 .6653 42.1039 20.8661 42.2696 20.1753 42.4127 C19 .5578 42.5407 19.027 42.6507 18.519 42.6533 C18 .0827 43.537 17.2687 44.175 16.3043 44.3877 C14 .9293 44.7543 13.206 44.3803 11.5083 43.526 C10 .4773 42.9711 9.26303 42.8279 8.13135 42.6944 C7 .524
fill = "white"
/ >
< / svg >
< svg
class = "light-icon"
role = "img"
viewBox = "0 0 24 24"
xmlns = "http://www.w3.org/2000/svg"
>
< path
d = " M12 .504 0 c - .155 0 - .315 .008 - .48 .021 - 4.226 .333 - 3.105 4.807 - 3.17 6.298 - .076 1.092 - .3 1.953 - 1.05 3.02 - .885 1.051 - 2.127 2.75 - 2.716 4.521 - .278 .832 - .41 1.684 - .287 2.489 a .424 .424 0 00 - .11 .135 c - .26 .268 - .45 .6 - .663 .839 - .199 .199 - .485 .267 - .797 .4 - .313 .136 - .658 .269 - .864 .68 - .09 .189 - .136 .394 - .132 .602 0 .199 .027 .4 .055 .536 .058 .399 .116 .728 .04 .97 - .249 .68 - .28 1.145 - .106 1.484 .174 .334 .535 .47 .94 .601 .81 .2 1.91 .135 2.774 .6 .926 .466 1.866 .67 2.616 .47 .526 - .116 .97 - .464 1.208 - .946 .587 - .003 1.23 - .269 2.26 - .334 .699 - .058 1.574 .267 2.577 .2 .025 .134 .063 .198 .114 .333 l .003 .003 c .391 .778 1.113 1.132 1.884 1.071 .771 - .06 1.592 - .536 2.257 - 1.306 .631 - .765 1.683 - 1.084 2.378 - 1.503 .348 - .199 .629 - .469 .649 - .853 .023 - .4 - .2 - .811 - .714 - 1.376 v - .097 l - .003 - .003 c - .17 - .2 - .25 - .535 - .338 - .926 - .085 - .401 - .182 - .786 - .492 - 1.046 h - .003 c - .059 - .054 - .123 - .067 - .188 - .135 a .357 .357 0 00 - .19 - .064 c .431 - 1.278 .264 - 2.55 - .173 - 3.694 - .533 - 1.41 - 1.465 - 2.638 - 2.175 - 3.483 - .796 - 1.005 - 1.576 - 1.957 - 1.56 - 3.368 .026 - 2.152 .236 - 6.133 - 3.544 - 6.139 zm .529 3.405 h .013 c .213 0 .396 .062 .584 .198 .19 .135 .33 .332 .438 .533 .105 .259 .158 .459 .166 .724 0 - .02 .006 - .04 .006 - .06 v .105 a .086 .086 0 01 - .004 - .021 l - .004 - .024 a1 .807 1.807 0 01 - .15 .706 .953 .953 0 01 - .213 .335 .71 .71 0 00 - .088 - .042 c - .104 - .045 - .198 - .064 - .284 - .133 a1 .312 1.312 0 00 - .22 - .066 c .05 - .06 .146 - .133 .183 - .198 .053 - .128 .082 - .264 .088 - .402 v - .02 a1 .21 1.21 0 00 - .061 - .4 c - .045 - .134 - .101 - .2 - .183 - .333 - .084 - .066 - .167 - .132 - .267 - .132 h - .016 c - .093 0 - .176 .03 - .262 .132 a .8 .8 0 00 - .205 .334 1.18 1.18 0 00 - .09 .4 v .019 c .002 .089 .008 .179 .02 .267 - .193 - .067 - .438 - .135 - .607 - .202 a1 .635 1.635 0 01 - .018 - .2 v - .02 a1 .772 1.772 0 01.15 - .768 c .082 - .22 .232 - .406 .43 - .533 a .985 .985 0 01.594 - .2 zm - 2.962 .059 h .036 c .142 0 .27 .048 .399 .135 .146 .129 .264 .288 .344 .465 .09 .199 .14 .4 .153 .667 v .004 c .007 .134 .006 .2 - .002 .266 v .08 c - .03 .007 - .056 .018 - .083 .024 - .152 .055 - .274 .135 - .393 .2 .012 - .09 .013 - .18 .003 - .267 v - .015 c - .012 - .133 - .04 - .2 - .082 - .333 a .613 .613 0 00 - .166 - .267 .248 .248 0 00 - .183 - .064 h - .021 c - .071 .006 - .13 .04 - .186 .132 a .552 .552 0 00 - .12 .27 .944 .944 0 00 - .023 .33 v .015 c .012 .135 .037 .2 .08 .334 .046 .134 .098 .2 .166 .268 .01 .009 .02 .018 .034 .024 - .07 .057 - .117 .07 - .176 .136 a .304 .304 0 01 - .131 .068 2.62 2.62 0 01 - .275 - .402 1.772 1.772 0 01 - .155 - .667 1.759 1.759 0 01.08 - .668 1.43 1.43 0 01.283 - .535 c .128 - .133 .26 - .2 .418 - .2 zm1 .37 1.706 c .332 0 .733 .065 1.216 .399 .293 .2 .523 .269 1.052 .468 h .003 c .255 .136 .405 .266 .478 .399 v - .131 a .571 .571 0 01.016 .47 c - .123 .31 - .516 .643 - 1.063 .842 v .002 c - .268 .135 - .501 .333 - .775 .465 - .276 .135 - .588 .292 - 1.012 .267 a1 .139 1.139 0 01 - .448 - .067 3.566 3.566 0 01 - .322 - .198 c - .195 - .135 - .363 - .332 - .612 - .465 v - .005 h - .005 c - .4 - .246 - .616 - .512 - .686 - .71 - .07 - .268 - .005 - .47 .193 - .6 .224 - .135 .38 - .271 .483 - .336 .104 - .074 .143 - .102 .176 - .131 h .002 v - .003 c .169 - .202 .436 - .47 .839 - .601 .139 - .036 .294 - .065 .466 - .065 zm2 .8 2.142 c .358 1.417 1.196 3.475 1.735 4.473 .286 .534 .855 1.659 1.102 3.024 .156 - .005 .33 .018 .513 .064 .646 - 1.671 - .546 - 3.467 - 1.089 - 3.966 - .22 - .2 - .232 - .335 - .123 - .335 .59 .534 1.365 1.572 1.646 2.757 .13 .535 .16 1.104 .021 1.67 .067 .028 .135 .06 .205 .067 1.032 .534 1.413 .938 1.23 1.537 v - .043 c - .06 - .003 - .12 0 - .18 0 h - .016 c .151 - .467 - .182 - .825 - 1.065 - 1.224 - .915 - .4 - 1.646 - .336 - 1.77 .465 - .008 .043 - .013 .066 - .018 .135 - .068 .023 - .139 .053 - .209 .064 - .43 .268 - .662 .669 - .793 1.187 - .13 .533 - .17 1.156 - .205 1.869 v .003 c - .02 .334 - .17 .838 - .319 1.35 - 1.5 1.072 - 3.58 1.538 - 5.348 .334 a2 .645 2.645 0 00 - .402 - .533 1.45 1.45 0 00 - .275 - .333 c .182 0 .338 - .03 .465 - .067 a .615 .615 0 00.314 - .334 c .108 - .267 0 - .697 - .345 - 1.163 - .345 - .467 - .931 - .995 - 1.788 - 1.521 - .63 - .4 - .986 - .87 - 1.15 - 1.396 - .165 - .534 - .143 - 1.085 - .015 - 1.645 .245 - 1.07 .873 - 2.11 1.274 - 2.763 .107 - .065 .037 .135 - .408 .974 - .396 .751 - 1.14 2.497 - .122 3.854 a8 .123 8.123 0 01.647 - 2.876 c .564 - 1.278 1.743 - 3.504 1.836 - 5.268 .048 .036 .217 .135 .289 .202 .218 .133 .38 .333 .59 .465 .21 .201 .477 .335 .876 .335 .039 .003 .075 .006 .11 .006 .412 0 .73 - .134 .997 - .268 .29 - .134 .52 - .334 .74 - .4 h .005 c .467 - .135 .835 - .402 1.044 - .7 zm2 .185 8.958 c .037 .6 .343 1.245 .882 1.377 .588 .134 1.434 - .333 1.791 - .765 l .211 - .01 c .315 - .007 .577 .01 .847 .268 l .003 .003 c .208 .199 .305 .53 .391 .876 .085 .4 .154 .78 .409 1.066 .486 .527 .645 .906 .636 1.14 l .003 - .007 v .018 l - .003 - .012 c - .015 .262 - .185 .396 - .498 .595 - .63 .401 - 1.746 .712 - 2.457 1.57 - .618 .737 - 1.37 1.14 - 2.036 1.191 - .664 .053 - 1.237 - .2 - 1.574 - .8
/ >
2023-08-04 18:22:23 -04:00
< / svg >
Linux
< / div >
< div class = "description apple" >
< a ref = "downloadLinux" :href = "linuxLinks.appImage" download = "" >
< DownloadIcon / >
< span > Download the AppImage < / span >
< / a >
2023-08-05 13:09:44 -04:00
< a :href = "linuxLinks.deb" download = "" >
2023-08-04 18:22:23 -04:00
< DownloadIcon / >
< span > Download the Deb < / span >
< / a >
< / div >
< / div >
< / div >
< p class = "terms" >
2023-08-05 13:09:44 -04:00
By downloading the Modrinth App you agree to our
2023-08-04 18:22:23 -04:00
< nuxt-link to = "/legal/terms" > Terms < / nuxt-link > and
< nuxt-link to = "/legal/privacy" > Privacy Policy . < / nuxt-link >
< / p >
< / div >
< div class = "logo-banner" >
< svg
v - if = "$colorMode.value === 'light'"
viewBox = "0 0 865 512"
fill = "none"
xmlns = "http://www.w3.org/2000/svg"
class = "light-height"
>
< g clip -path = " url ( # clip0_419_237 ) " >
< rect x = "176" width = "512" height = "512" fill = "url(#paint0_linear_419_237)" / >
< g opacity = "0.5" >
< path
d = " M176 274.069 H219 .65 C221 .89 299.001 228.25 322.42 238.87 345.249 C245 .4 342.033 251.37 338.016 257.52 334.3 C263 .76 330.534 270.07 326.908 276.62 323.061 C276 .21 321.669 275.95 320.216 275.37 318.914 C271 .05 309.378 268.47 299.251 266.32 289.114 C265 .03 283.054 264.41 276.743 263.73 270.513 C262 .89 262.86 262.94 255.257 263.11 247.654 C263 .26 241.083 264.11 234.482 265.21 227.991 C266 .88 218.064 269.39 208.308 272.94 198.852 C276 .79 188.594 281.19 178.588 287.21 169.382 C291 .19 163.292 294.97 157.021 299.53 151.382 C306 .3 142.998 313.75 135.214 322.12 128.273 C330 .05 121.692 338.16 115.421 347.18 110.483 C354 .15 106.676 361.39 103.341 368.66 100.115 C379 .13 95.4674 390.24 92.873 401.39 90.4289 C410 .67 88.4055 430.03 87.3237 438.96 88.6158 C438 .51 95.9282 436.63 103.05 435.44 110.262 C434 .26 117.394 432.94 124.496 431.6 132.109 C428 .15 132.44 424.73 132.7 421.32 133.121 C416 .25 133.752 411.15 134.263 406.15 135.265 C395 .4 137.428 385.13 141.044 375.33 145.973 C366 .85 150.23 358.98 155.398 351.89 161.709 C348 .8 164.464 345.52 167.048 342.67 170.033 C335 .77 177.225 329.99 185.279 324.68 193.713 C320 .48 200.364 317.45 207.536 314.8 214.839 C312 .05 222.422 310.33 230.315 308.95 238.308 C307 .43 247.093 307.9 255.898 308.2 264.653 C308 .48 272.867 310.18 281 312.49 288.934 C313 .45 292.239 314.44 295.535 315.62 299.481 C332 .06 289.705 348.08 280.169 364.47 270.422 C361 .92 263.631 359.46 257.16 357.05 250.669 C354 .63 244.178 352.26 237.667 349.78 230.926 C352 .79 227.871 355.71 224.936 358.6 221.971 C369 .97 210.291 381.46 198.712 392.6 186.821 C395 .77 183.436 399.36 181.913 403.66 181.062 C414 .16 178.978 424.63 176.734 435.11 174.541 C441 .87 173.128 448.62 171.686 455.69 170.193 C461 .36 177.175 467.08 184.217 472.94 191.439 C471 .8 192.671 470.85 193.783 469.82 194.815 C463 201.656 455.97 208.308 449.41 215.4 C446 .18 218.896 442.34 220.709 438.01 221.961 C433 .09 223.383 428.16 224.745 423.25 226.198 C422 .5 226.418 421.73 226.909 421.19 227.48 C416 .62 232.298 412.15 237.216 407.55 241.995 C405 .9 243.697 405.89 245.31 406.67 247.424 C408 .91 253.474 410.92 259.604 413.12 265.674 C413 .5 266.716 414.27 267.668 415.04 268.499 C419 .55 273.377 424.05 278.266 428.73 282.974 C429 .48 283.725 431.24 284.055 432.33 283.775 C438 .57 282.182 444.72 280.289 450.94 278.636 C453 .49 277.955 455.32 276.443 457.01 274.559 C460 .1 271.094 463.55 267.898 466.27 264.172 C469 .55 259.684 473.91 257.901 479.09 256.82 C483 .44 255.908 487.58 254.045 491.83 252.673 C496 .23 251.25 500.69 249.998 505.07 248.495 C507 .08 247.804 508.18 248.305 508.99 250.198 C512 .16 257.671 515.4 265.114 518.76 272.917 C515 .97 276.342 513.04 279.918 510.13 283.515 C505 .45 289.304 500.81 295.124 496.12 300.904 C492 .16 305.782 487.86 310.42 484.26 315.549 C481 .66 319.255 478.09 320.717 474.16 321.959 C462 .33 325.716 450.52 329.502 438.69 333.268 C431 .61 335.522 424.51 337.756 416.91 340.16 C415 .33 338.648 413.45 337.055 411.81 335.232 C407 .16 330.053 402.62 324.794 398.03 319.565 C395 .63 316.831 393.3 314.006 390.79 311.382 C388 .08 308.557 387.52 308.557 384.41 310.42 C377 .88 314.337 371.33 318.243 364.82 322.19 C356 .32 327.328 347.85 332.507 339.09 337.836 C341 .26 341.482 344.39 344.257 347.49 346.811 C353 .22 351.539 359.26 355.907 365.37 360.144 C376 .53 367.867 388.92 372.815 402.07 376.081 C409 .82 378.004 417.59 379.286 425.6 379.076 C426 .74 379.046 427.88 379.446 429.02 379.516 C430 .64 379.617 432.27 379.667 433.88 379.587 C435 .19 379.526 436.48 379.106 437.79 379.076 C442 .03 378.966 442.07 378.996 443.29 383.443 C446 .74 396.014 450.16 408.585 453.58 421.167 C453 .7 421.597 453.65 422.068 453.7 422.88 C449 423.28 444.42 423.781 439.83 424.022 C436 .17 424.212 432.5 423.961 428.83 424.092 C414 .81 424.593 401.08 422.469 387.69 418.733 C366 .28 412.763 346.56 403.216 328.88 389.523 C320 .7 383.183 313.41 375.95 306.16 368.648 C304 .89 367.366 303.97 365.743 302.78 364.371 C300 .52 361.746 299.87 361.526 296.85 363.189 C292 .49 365.583 288.24 368.167 283.98 370.722 C277 .72 374.458 271.49 378.234 265.25 382.001 C264 .56 382.421 263.91 382.902 263.18 383.403 C263 .7 387.54 267.09 389.654 269.19 392.448 C272 .55 396.946 276.45 401.113 280.58 404.939 C286 .77 410.669 293.38
fill = "#05CE45"
/ >
< path
d = "M688 277.074C687.69 277.615 687.11 278.136 687.09 278.686C686.56 293.612 683.03 308.016 679.73 322.45C675.99 322.05 642.32 309.939 636.41 306.894C637.6 300.173 638.85 293.431 639.97 286.66C641.13 279.648 641.76 272.606 642.1 265.484C642.43 258.563 642.1 251.691 642.02 244.789C641.94 237.858 641.47 231.006 639.48 223.784C625.94 227.39 612.76 230.896 599.27 234.492C599.19 235.964 598.74 237.507 599.09 238.839C600.63 244.749 599.88 250.739 599.99 256.699C600.43 280.079 595.08 302.226 585.83 323.592C580.73 335.372 574.24 346.311 566.66 356.598C559.95 365.713 552.43 374.228 543.81 381.53C534.36 389.543 524.76 397.497 513.41 402.896C508.18 405.39 503.03 408.045 497.83 410.599C497.43 410.799 496.9 410.759 496.49 410.819C494.33 407.514 486.2 378.274 484.59 368.177C533.62 341.532 557.58 300.664 554.95 244.639C548.26 194.314 521.33 159.555 474.14 139.752C476.69 125.278 479.28 110.593 481.96 95.3973C486 96.7796 489.75 97.8414 493.32 99.3439C504.19 103.932 514.89 108.93 524.68 115.541C537.67 124.316 549.44 134.653 559.65 146.473C570.52 159.055 579.39 173.078 585.96 188.434C587.1 191.099 587.3 191.279 589.95 190.578C602.53 187.272 615.11 183.917 628.08 180.481C627.53 178.608 627.18 176.845 626.5 175.232C618.95 157.262 609.28 140.493 597.33 125.107C590.3 116.052 582.71 107.398 574.08 99.8448C561.23 88.6058 547.51 78.599 532.54 70.1948C521.76 64.1446 510.5 59.3665 498.93 55.3798C488.2 51.6836 477.17 48.8788 465.88 46.9756C450.75 44.4313 435.58 43.7201 420.33 44.221C414.75 44.4013 409.21 45.6033 403.63 46.004C394.2 46.6851 385.07 48.979 375.97 51.2128C367.14 53.3764 358.57 56.4516 350.19 60.0276C346.54 61.5903 342.73 62.8324 339.19 64.6053C333.26 67.5804 327.36 70.6455 321.67 74.0713C316.29 77.3068 311.08 80.8628 306.03 84.5991C300.85 88.4255 295.84 92.5124 290.96 96.7195C286.31 100.726 281.67 104.793 277.47 109.261C267.13 120.259 257.6 131.919 250.05 145.061C246.17 151.812 242.21 158.564 238.88 165.596C231.64 180.881 226.13 196.788 222.94 213.466C222.13 217.674 220.91 221.79 220.92 226.148C220.92 227.36 220.13 228.582 219.6 230.084H176C176 229.083 176 228.081 176 227.089C176.32 226.548 176.92 226.008 176.9 225.477C176.77 220.298 178.02 215.33 178.92 210.291C181.03 198.581 183.94 187.072 187.69 175.803C189.88 169.212 192.51 162.771 195.06 156.31C199.14 145.933 204.4 136.146 210.05 126.57C215.44 117.444 221.43 108.74 227.82 100.265C233.72 92.4423 240.04 84.9797 246.83 77.9879C253.05 71.5771 260.16 66.0378 266.65 59.8774C274.64 52.3046 283.78 46.2644 292.92 40.3544C303.06 33.8034 313.58 27.8033 324.82 23.0953C335.82 18.4876 346.77 13.8598 358.24 10.4941C373.31 6.07663 388.68 3.1517 404.23 1.2585C411.77 0.336948 419.45 0.136611 427.06 0.206729C436.84 0.296881 446.65 -0.714826 456.41 1.05816C463.53 2.35034 470.77 2.98141 477.92 4.14337C489.5 6.02654 500.81 9.12177 511.97 12.6778C521.29 15.6428 530.2 19.6796 539.17 23.5661C548.81 27.7432 557.74 33.1222 566.71 38.4312C572.54 41.877 577.86 46.1642 583.55 49.8705C592.62 55.7704 600.49 63.1529 608.47 70.325C615 76.1949 620.72 82.9663 626.72 89.4172C628.86 91.7211 630.91 94.1352 632.73 96.6794C638.01 104.082 643.32 111.474 648.31 119.057C655.9 130.577 662.42 142.737 667.58 155.519C673.71 170.684 679.37 186.06 682.52 202.197C683.75 208.498 685.02 214.799 685.94 221.149C686.6 225.717 686.7 230.365 687.12 234.973C687.16 235.373 687.69 235.724 687.99 236.095V277.084L688 277.074Z"
fill = "#05CE45"
/ >
< / g >
< / g >
< rect y = "194" width = "865" height = "318" fill = "url(#paint1_linear_419_237)" / >
< defs >
< linearGradient
id = "paint0_linear_419_237"
x1 = "432"
y1 = "0"
x2 = "432"
y2 = "512"
gradientUnits = "userSpaceOnUse"
>
< stop stop -color = " # E7FFEF " / >
< stop offset = "0.678759" stop -color = " white " / >
< / linearGradient >
< linearGradient
id = "paint1_linear_419_237"
x1 = "432.5"
y1 = "194"
x2 = "432.5"
y2 = "315.861"
gradientUnits = "userSpaceOnUse"
>
< stop stop -color = " # F9FFFB " stop -opacity = " 0 " / >
< stop offset = "1" stop -color = " # F9FFFB " / >
< / linearGradient >
< clipPath id = "clip0_419_237" >
< rect x = "176" width = "512" height = "512" rx = "256" fill = "white" / >
< / clipPath >
< / defs >
< / svg >
< svg v-else viewBox = "0 0 512 512" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
< g clip -path = " url ( # clip0_127_331 ) " >
< rect width = "512" height = "512" fill = "url(#paint0_linear_127_331)" / >
< g style = "mix-blend-mode: overlay" >
< g opacity = "0.5" >
< path
d = " M0 274.069 H43 .65 C45 .89 299.001 52.25 322.42 62.87 345.249 C69 .4 342.033 75.37 338.016 81.52 334.3 C87 .76 330.534 94.07 326.908 100.62 323.061 C100 .21 321.669 99.95 320.216 99.37 318.914 C95 .05 309.378 92.47 299.251 90.32 289.114 C89 .03 283.054 88.41 276.743 87.73 270.513 C86 .89 262.86 86.94 255.257 87.11 247.654 C87 .26 241.083 88.11 234.482 89.21 227.991 C90 .88 218.064 93.39 208.308 96.94 198.852 C100 .79 188.594 105.19 178.588 111.21 169.382 C115 .19 163.292 118.97 157.021 123.53 151.382 C130 .3 142.998 137.75 135.214 146.12 128.273 C154 .05 121.692 162.16 115.421 171.18 110.483 C178 .15 106.676 185.39 103.341 192.66 100.115 C203 .13 95.4674 214.24 92.873 225.39 90.4289 C234 .67 88.4055 254.03 87.3237 262.96 88.6158 C262 .51 95.9282 260.63 103.05 259.44 110.262 C258 .26 117.394 256.94 124.496 255.6 132.109 C252 .15 132.44 248.73 132.7 245.32 133.121 C240 .25 133.752 235.15 134.263 230.15 135.265 C219 .4 137.428 209.13 141.044 199.33 145.973 C190 .85 150.23 182.98 155.398 175.89 161.709 C172 .8 164.464 169.52 167.048 166.67 170.033 C159 .77 177.225 153.99 185.279 148.68 193.713 C144 .48 200.364 141.45 207.536 138.8 214.839 C136 .05 222.422 134.33 230.315 132.95 238.308 C131 .43 247.093 131.9 255.898 132.2 264.653 C132 .48 272.867 134.18 281 136.49 288.934 C137 .45 292.239 138.44 295.535 139.62 299.481 C156 .06 289.705 172.08 280.169 188.47 270.422 C185 .92 263.631 183.46 257.16 181.05 250.669 C178 .63 244.178 176.26 237.667 173.78 230.926 C176 .79 227.871 179.71 224.936 182.6 221.971 C193 .97 210.291 205.46 198.712 216.6 186.821 C219 .77 183.436 223.36 181.913 227.66 181.062 C238 .16 178.978 248.63 176.734 259.11 174.541 C265 .87 173.128 272.62 171.686 279.69 170.193 C285 .36 177.175 291.08 184.217 296.94 191.439 C295 .8 192.671 294.85 193.783 293.82 194.815 C287 201.656 279.97 208.308 273.41 215.4 C270 .18 218.896 266.34 220.709 262.01 221.961 C257 .09 223.383 252.16 224.745 247.25 226.198 C246 .5 226.418 245.73 226.909 245.19 227.48 C240 .62 232.298 236.15 237.216 231.55 241.995 C229 .9 243.697 229.89 245.31 230.67 247.424 C232 .91 253.474 234.92 259.604 237.12 265.674 C237 .5 266.716 238.27 267.668 239.04 268.499 C243 .55 273.377 248.05 278.266 252.73 282.974 C253 .48 283.725 255.24 284.055 256.33 283.775 C262 .57 282.182 268.72 280.289 274.94 278.636 C277 .49 277.955 279.32 276.443 281.01 274.559 C284 .1 271.094 287.55 267.898 290.27 264.172 C293 .55 259.684 297.91 257.901 303.09 256.82 C307 .44 255.908 311.58 254.045 315.83 252.673 C320 .23 251.25 324.69 249.998 329.07 248.495 C331 .08 247.804 332.18 248.305 332.99 250.198 C336 .16 257.671 339.4 265.114 342.76 272.917 C339 .97 276.342 337.04 279.919 334.13 283.515 C329 .45 289.304 324.81 295.124 320.12 300.904 C316 .16 305.782 311.86 310.42 308.26 315.549 C305 .66 319.255 302.09 320.717 298.16 321.959 C286 .33 325.716 274.52 329.502 262.69 333.268 C255 .61 335.522 248.51 337.756 240.91 340.16 C239 .33 338.648 237.45 337.055 235.81 335.232 C231 .16 330.053 226.62 324.794 222.03 319.565 C219 .63 316.831 217.3 314.006 214.79 311.382 C212 .08 308.557 211.52 308.557 208.41 310.42 C201 .88 314.337 195.33 318.243 188.82 322.19 C180 .32 327.328 171.85 332.507 163.09 337.836 C165 .26 341.482 168.39 344.257 171.49 346.811 C177 .22 351.539 183.26 355.907 189.37 360.144 C200 .53 367.867 212.92 372.815 226.07 376.081 C233 .82 378.004 241.59 379.286 249.6 379.076 C250 .74 379.046 251.88 379.446 253.02 379.516 C254 .64 379.617 256.27 379.667 257.88 379.587 C259 .19 379.526 260.48 379.106 261.79 379.076 C266 .03 378.966 266.07 378.996 267.29 383.443 C270 .74 396.014 274.16 408.585 277.58 421.167 C277 .7 421.597 277.65 422.068 277.7 422.88 C273 423.28 268.42 423.781 263.83 424.022 C260 .17 424.212 256.5 423.961 252.83 424.092 C238 .81 424.592 225.08 422.469 211.69 418.733 C190 .28 412.763 170.56 403.216 152.88 389.523 C144 .7 383.183 137.41 375.95 130.16 368.648 C128 .89 367.366 127.97 365.743 126.78 364.371 C124 .52 361.746 123.87 361.526 120.85 363.189 C116 .49 365.583 112.24 368.167 107.98 370.722 C101 .72 374.458 95.49 378.234 89.25 382.001 C88 .56 382.421 87.91 382.902 87.18 383.403 C87 .7 387.54 91.09 389.654 93.19 392.448 C96 .55 396.946 100.45 401.113 104.58 404.939 C110 .77 410.669 117.38 415.938 123.77 421.457 C130 .94 427.
fill = "white"
/ >
< path
d = "M512 277.074C511.69 277.615 511.11 278.136 511.09 278.686C510.56 293.612 507.03 308.016 503.73 322.45C499.99 322.05 466.32 309.939 460.41 306.894C461.6 300.173 462.85 293.431 463.97 286.66C465.13 279.648 465.76 272.606 466.1 265.484C466.43 258.563 466.1 251.691 466.02 244.789C465.94 237.858 465.47 231.006 463.48 223.784C449.94 227.39 436.76 230.896 423.27 234.492C423.19 235.964 422.74 237.507 423.09 238.839C424.63 244.749 423.88 250.739 423.99 256.699C424.43 280.079 419.08 302.226 409.83 323.592C404.73 335.372 398.24 346.311 390.66 356.598C383.95 365.713 376.43 374.228 367.81 381.53C358.36 389.543 348.76 397.497 337.41 402.896C332.18 405.39 327.03 408.045 321.83 410.599C321.43 410.799 320.9 410.759 320.49 410.819C318.33 407.514 310.2 378.274 308.59 368.177C357.62 341.532 381.58 300.664 378.95 244.639C372.26 194.314 345.33 159.555 298.14 139.752C300.69 125.278 303.28 110.593 305.96 95.3973C310 96.7796 313.75 97.8414 317.32 99.3439C328.19 103.932 338.89 108.93 348.68 115.541C361.67 124.316 373.44 134.654 383.65 146.473C394.52 159.055 403.39 173.078 409.96 188.434C411.1 191.099 411.3 191.279 413.95 190.578C426.53 187.272 439.11 183.917 452.08 180.481C451.53 178.608 451.18 176.845 450.5 175.232C442.95 157.262 433.28 140.493 421.33 125.107C414.3 116.052 406.71 107.398 398.08 99.8448C385.23 88.6058 371.51 78.599 356.54 70.1948C345.76 64.1446 334.5 59.3665 322.93 55.3798C312.2 51.6836 301.17 48.8788 289.88 46.9756C274.75 44.4313 259.58 43.7201 244.33 44.221C238.75 44.4013 233.21 45.6033 227.63 46.004C218.2 46.6851 209.07 48.979 199.97 51.2128C191.14 53.3764 182.57 56.4516 174.19 60.0276C170.54 61.5903 166.73 62.8324 163.19 64.6053C157.26 67.5804 151.36 70.6455 145.67 74.0713C140.29 77.3068 135.08 80.8628 130.03 84.5991C124.85 88.4255 119.84 92.5124 114.96 96.7195C110.31 100.726 105.67 104.793 101.47 109.261C91.13 120.259 81.6 131.919 74.05 145.061C70.17 151.812 66.21 158.564 62.88 165.596C55.64 180.881 50.13 196.788 46.94 213.466C46.13 217.674 44.91 221.79 44.92 226.148C44.92 227.36 44.13 228.582 43.6 230.084H0C0 229.083 0 228.081 0 227.089C0.32 226.548 0.92 226.008 0.9 225.477C0.77 220.298 2.02 215.33 2.92 210.291C5.03 198.581 7.94 187.072 11.69 175.803C13.88 169.212 16.51 162.771 19.06 156.31C23.14 145.933 28.4 136.146 34.05 126.57C39.44 117.444 45.43 108.74 51.82 100.265C57.72 92.4423 64.04 84.9797 70.83 77.9879C77.05 71.5771 84.16 66.0378 90.65 59.8774C98.64 52.3046 107.78 46.2644 116.92 40.3544C127.06 33.8034 137.58 27.8033 148.82 23.0953C159.82 18.4876 170.77 13.8598 182.24 10.4941C197.31 6.07663 212.68 3.1517 228.23 1.2585C235.77 0.336948 243.45 0.136611 251.06 0.206729C260.84 0.296881 270.65 -0.714826 280.41 1.05816C287.53 2.35034 294.77 2.98141 301.92 4.14337C313.5 6.02654 324.81 9.12177 335.97 12.6778C345.29 15.6428 354.2 19.6796 363.17 23.5661C372.81 27.7432 381.74 33.1222 390.71 38.4312C396.54 41.877 401.86 46.1642 407.55 49.8705C416.62 55.7705 424.49 63.1529 432.47 70.325C439 76.1949 444.72 82.9663 450.72 89.4172C452.86 91.7211 454.91 94.1352 456.73 96.6795C462.01 104.082 467.32 111.474 472.31 119.057C479.9 130.577 486.42 142.737 491.58 155.519C497.71 170.684 503.37 186.06 506.52 202.197C507.75 208.498 509.02 214.799 509.94 221.149C510.6 225.717 510.7 230.365 511.12 234.973C511.16 235.373 511.69 235.724 511.99 236.095V277.084L512 277.074Z"
fill = "white"
/ >
< / g >
< / g >
< / g >
< defs >
< linearGradient
id = "paint0_linear_127_331"
x1 = "256"
y1 = "0"
x2 = "256"
y2 = "512"
gradientUnits = "userSpaceOnUse"
>
< stop stop -color = " # 05CE45 " / >
< stop offset = "0.678759" stop -color = " # 051F10 " / >
< / linearGradient >
< clipPath id = "clip0_127_331" >
< rect width = "512" height = "512" rx = "256" fill = "white" / >
< / clipPath >
< / defs >
< / svg >
< div class = "overlay" >
< h2 class = "main-header" >
Read more about < br / >
< strong class = "main-header-strong" > Modrinth < / strong >
< / h2 >
< a
href = "https://blog.modrinth.com/?utm_source=website&utm_source=homepage&utm_campaign=newsletter"
class = "iconified-button brand-button"
>
Visit the blog
< / a >
< / div >
< / div >
< / div >
< / template >
< style scoped lang = "scss" >
. landing - hero {
position : relative ;
2023-08-05 13:09:44 -04:00
background : # 0 f1121 url ( 'https://cdn-raw.modrinth.com/app-landing/cube-black.png' ) no - repeat
center 4 rem ;
2023-08-04 18:22:23 -04:00
background - size : cover ;
padding : 6 rem 1 rem 12 rem 1 rem ;
margin - top : - 4 rem ;
display : flex ;
justify - content : center ;
align - items : center ;
text - align : center ;
flex - direction : column ;
. main - subheader {
font - size : 1.625 rem ;
}
h2 {
line - height : 125 % ;
margin : 0 0 1.625 rem ;
font - weight : 400 ;
line - break : loose ;
color : var ( -- landing - color - subheading ) ;
max - width : 1096 px ;
mask - image : none ;
}
. button - group {
width : fit - content ;
margin : 0 auto ;
justify - content : center ;
mask - image : none ;
. outline - button {
color : var ( -- landing - color - heading ) ;
background : none ;
border : 1 px var ( -- landing - color - heading ) solid ;
}
}
img {
width : 100 % ;
2023-08-05 13:09:44 -04:00
max - width : 65 rem ;
2023-08-04 18:22:23 -04:00
height : auto ;
mask - image : none ;
2023-08-05 13:09:44 -04:00
z - index : 1 ;
2023-08-04 18:22:23 -04:00
}
}
. main - header {
font - size : 5.25 rem ;
font - weight : 600 ;
line - height : 100 % ;
margin : 2 rem 0 ;
}
. subheader {
font - size : 3.5 rem ;
font - weight : 600 ;
line - height : 100 % ;
margin : 0 auto ;
padding : 0 4 rem 4 rem ;
}
. features {
position : relative ;
width : 100 % ;
background : var ( -- landing - transition - gradient - end ) ;
align - content : center ;
justify - content : center ;
display : flex ;
flex - direction : column ;
h3 {
font - weight : 500 ;
font - size : var ( -- font - size - xl ) ! important ;
}
p {
font - size : var ( -- font - size - md ) ! important ;
}
. feature - grid {
display : grid ;
grid - template - columns : repeat ( 2 , 1 fr ) ;
grid - template - rows : repeat ( 4 , 1 fr ) ;
2023-08-05 13:09:44 -04:00
max - width : min ( 100 % , 1096 px ) ;
width : min ( 100 % , 1096 px ) ;
2023-08-04 18:22:23 -04:00
gap : 16 px ;
margin : 0 auto ;
padding : 1 rem ;
. mods {
grid - column : 1 / 2 ;
grid - row : 1 / 3 ;
. table {
margin - bottom : 1 rem ;
overflow : hidden ;
max - height : 32 rem ;
}
h3 ,
p {
text - align : center ;
}
h4 {
margin : 0 ;
color : var ( -- color - contrast ) ;
}
. search - bar {
width : 100 % ;
padding : var ( -- gap - sm ) ;
display : flex ;
flex - direction : row ;
justify - content : space - between ;
align - items : center ;
border - radius : var ( -- radius - md ) ;
border : 1 px solid var ( -- landing - border - color ) ;
background : linear - gradient ( 0 deg , # 3 b3f55 0 % , # 3 b3f55 100 % ) , rgba ( 59 , 63 , 85 , 0.15 ) ;
margin - bottom : 0.5 rem ;
white - space : nowrap ;
font - size : var ( -- font - size - sm ) ;
. mini - input {
display : flex ;
flex - direction : row ;
align - items : center ;
gap : 0.5 rem ;
padding : var ( -- gap - sm ) var ( -- gap - md ) ;
border - radius : var ( -- radius - sm ) ;
background - color : # 1 e202f ;
flex - grow : 1 ;
max - width : 12 rem ;
}
h4 {
font - weight : normal ;
margin - left : 0.5 rem ;
}
}
. row {
display : grid ;
grid - template - columns : 3 rem 2 fr 1 fr 3.75 rem ;
padding : 0 var ( -- gap - sm ) ;
gap : 1 rem ;
. cell {
display : flex ;
flex - direction : column ;
justify - content : center ;
padding : var ( -- gap - sm ) 0 ;
font - size : var ( -- font - size - sm ) ;
. name {
color : var ( -- color - contrast ) ;
}
. description {
font - size : var ( -- font - size - xs ) ;
}
& . last {
align - items : flex - end ;
}
& . check {
align - items : center ;
flex - direction : row ;
}
}
}
. header {
. cell {
color : var ( -- color - base ) ;
}
}
}
. playing {
grid - column : 1 / 2 ;
grid - row : 4 / 5 ;
position : relative ;
min - height : 23 rem ;
. minecraft {
position : absolute ;
bottom : 6 rem ;
right : var ( -- gap - xl ) ;
height : 13 rem ;
mask - image : none ;
}
. launcher {
position : absolute ;
z - index : 12 ;
top : var ( -- gap - xl ) ;
left : var ( -- gap - xl ) ;
height : 13 rem ;
mask - image : none ;
}
. text {
position : absolute ;
left : 50 % ;
bottom : 0 ;
transform : translateX ( - 50 % ) ;
display : flex ;
flex - direction : column ;
justify - content : center ;
align - items : center ;
color : var ( -- color - contrast ) ;
text - align : center ;
padding : var ( -- gap - xl ) ;
mask - image : none ;
z - index : 10 ;
width : 100 % ;
}
}
. sharing {
grid - column : 2 / 3 ;
grid - row : 2 / 3 ;
. table {
height : 11 rem ;
overflow : hidden ;
margin - bottom : 1 rem ;
}
h3 ,
p {
text - align : center ;
}
. row {
display : grid ;
grid - template - columns : 3 rem 1 fr 2 fr ;
padding : 0 var ( -- gap - sm ) ;
gap : 1 rem ;
. cell {
display : flex ;
align - items : center ;
padding : var ( -- gap - sm ) 0 ;
. description {
display : - webkit - box ;
- webkit - line - clamp : 2 ;
- webkit - box - orient : vertical ;
overflow : hidden ;
}
}
}
. header {
display : flex ;
flex - direction : row ;
gap : 0.25 rem ;
padding : var ( -- gap - sm ) var ( -- gap - sm ) ;
}
. export - card {
position : absolute ;
right : 1 rem ;
top : 1.5 rem ;
display : flex ;
flex - direction : row ;
align - items : center ;
padding : var ( -- gap - sm ) ;
gap : var ( -- gap - md ) ;
border - radius : var ( -- radius - md ) ;
background : linear - gradient ( 0 deg , # 3 b3f55 0 % , # 3 b3f55 100 % ) , rgba ( 59 , 63 , 85 , 0.15 ) ;
border : 1 px solid var ( -- landing - border - color ) ;
margin - bottom : 1 rem ;
width : 20 rem ;
font - size : var ( -- font - size - sm ) ;
img {
width : 4.5 rem ;
height : 4.5 rem ;
}
. info {
width : 100 % ;
display : flex ;
flex - direction : column ;
align - items : flex - start ;
gap : 0.25 rem ;
. exporting {
display : flex ;
flex - direction : row ;
align - items : center ;
justify - content : space - between ;
gap : 0.5 rem ;
width : 100 % ;
. tag {
display : flex ;
flex - direction : row ;
align - items : center ;
gap : 0.25 rem ;
border - radius : var ( -- radius - sm ) ;
}
. small - button {
display : flex ;
flex - direction : row ;
align - items : center ;
gap : 0.25 rem ;
padding : var ( -- gap - xs ) var ( -- gap - md ) ;
border - radius : var ( -- radius - lg ) ;
border : 1 px solid var ( -- landing - border - color ) ;
font - size : var ( -- font - size - xs ) ;
}
}
. name {
font - size : var ( -- font - size - md ) ;
color : var ( -- color - contrast ) ;
margin : 0 ;
}
}
}
}
. performance {
grid - column : 1 / 2 ;
grid - row : 3 / 4 ;
. title {
display : flex ;
justify - content : space - between ;
align - items : baseline ;
margin - bottom : 0.5 rem ;
h3 {
margin : 0 ;
font - size : var ( -- font - size - lg ) ;
}
}
h3 ,
h4 ,
p {
text - align : center ;
margin : 0 ;
}
h4 ,
h3 {
color : var ( -- color - contrast ) ;
margin - top : var ( -- gap - lg ) ! important ;
}
h4 {
font - size : var ( -- font - size - md ) ;
font - weight : normal ;
}
. table {
height : 10 rem ;
overflow : hidden ;
}
. row {
display : grid ;
grid - template - columns : 3 rem 2 fr 1 fr 1 fr ;
padding : 0 var ( -- gap - sm ) ;
gap : 1 rem ;
. cell {
display : flex ;
align - items : center ;
padding : var ( -- gap - sm ) 0 ;
2023-08-05 13:09:44 -04:00
color : var ( -- color - special - gray ) ;
2023-08-04 18:22:23 -04:00
& . important {
color : var ( -- color - contrast ) ;
2023-08-05 13:09:44 -04:00
font - weight : 500 ;
2023-08-04 18:22:23 -04:00
}
}
}
. header {
font - size : var ( -- font - size - sm ) ;
. cell {
color : var ( -- color - base ) ;
}
}
. icon - logo {
width : 3 rem ;
height : 3 rem ;
padding : 0.5 rem ;
border - radius : var ( -- radius - sm ) ;
background - color : var ( -- color - button - bg ) ;
& . modrinth {
background - color : var ( -- color - brand ) ! important ;
border : 1 px solid var ( -- color - accent - contrast ) ! important ;
. icon {
width : 2 rem ;
height : 2 rem ;
z - index : 0 ;
: deep ( svg ) {
width : 2 rem ;
height : 2 rem ;
}
: deep ( path ) {
fill : var ( -- color - accent - contrast ) ! important ;
}
}
}
}
}
. importing {
position : relative ;
grid - column : 2 / 3 ;
grid - row : 1 / 2 ;
. icon - logo {
position : absolute ;
top : 4 rem ;
left : 50 % ;
transform : translate ( - 50 % , - 50 % ) ;
border - radius : 100 % ;
}
. outer - ring {
position : absolute ;
top : 4 rem ;
left : 50 % ;
transform : translate ( - 50 % , - 50 % ) ;
}
. ring {
position : relative ;
display : flex ;
justify - content : center ;
align - items : center ;
width : 100 % ;
height : 100 % ;
. base - ring {
position : absolute ;
border - radius : 100 % ;
top : 4 rem ;
left : 50 % ;
transform : translate ( - 50 % , - 50 % ) ;
z - index : - 1 ;
border : 1 px solid rgba ( # a8b1ddbf , 0.25 ) ;
}
. first - ring {
@ extend . base - ring ;
width : 15 rem ;
height : 15 rem ;
background : radial - gradient (
50 % 50 % at 50 % 50 % ,
rgba ( 5 , 206 , 69 , 0.19 ) 0 % ,
rgba ( 15 , 19 , 49 , 0.25 ) 100 %
) ;
}
. second - ring {
@ extend . base - ring ;
width : 25 rem ;
height : 25 rem ;
opacity : 0.75 ;
background : radial - gradient (
50 % 50 % at 50 % 50 % ,
rgba ( 5 , 206 , 69 , 0.19 ) 0 % ,
rgba ( 15 , 19 , 49 , 0.25 ) 100 %
) ,
radial - gradient (
50 % 50 % at 50 % 50 % ,
rgba ( 44 , 48 , 79 , 0.25 ) 0 % ,
rgba ( 32 , 35 , 50 , 0.19 ) 100 %
) ;
}
. third - ring {
@ extend . base - ring ;
width : 35 rem ;
height : 35 rem ;
opacity : 0.5 ;
background : radial - gradient (
50 % 50 % at 50 % 50 % ,
rgba ( 44 , 48 , 79 , 0.25 ) 0 % ,
rgba ( 32 , 35 , 50 , 0.19 ) 100 %
) ;
}
}
. inner - ring {
position : relative ;
}
. launcher - badge {
position : absolute ;
background - color : var ( -- landing - transition - gradient - end ) ;
width : 3 rem ;
height : 3 rem ;
padding : 0.5 rem ;
border - radius : 100 % ;
z - index : 10 ;
2023-08-05 13:09:44 -04:00
user - select : none ;
& : hover {
cursor : default ;
}
2023-08-04 18:22:23 -04:00
& . top - left {
top : calc ( 15 % - 3 rem ) ;
left : calc ( 58 % - 11 rem ) ;
}
& . top - right {
top : calc ( 15 % - 3 rem ) ;
right : calc ( 58 % - 11 rem ) ;
}
& . bottom - left {
bottom : calc ( 41 % + 3 rem ) ;
left : calc ( 58 % - 11 rem ) ;
}
& . bottom - right {
bottom : calc ( 41 % + 3 rem ) ;
right : calc ( 58 % - 11 rem ) ;
}
& . bottom - middle {
bottom : calc ( 22 % + 3 rem ) ;
left : 50 % ;
transform : translateX ( - 50 % ) ;
}
& . center {
top : calc ( 50 % - 3 rem ) ;
left : 50 % ;
transform : translate ( - 50 % , - 50 % ) ;
}
svg {
width : 2 rem ;
height : 2 rem ;
}
img {
width : 2 rem ;
height : 2 rem ;
}
}
. text {
position : absolute ;
text - align : center ;
left : 50 % ;
bottom : 0 ;
transform : translateX ( - 50 % ) ;
width : 100 % ;
padding : var ( -- gap - xl ) ;
}
}
. website {
grid - column : 2 / 3 ;
grid - row : 3 / 5 ;
text - align : center ;
padding : 0 ! important ;
position : relative ;
. projects - showcase {
margin : calc ( 7 rem + var ( -- gap - xl ) ) 0 var ( -- gap - xl ) ;
z - index : 3 ;
text - align : left ;
. row {
-- gap : var ( -- gap - md ) ;
width : 100 vw ;
gap : var ( -- gap ) ;
margin - bottom : var ( -- gap ) ;
display : flex ;
overflow : hidden ;
user - select : none ;
. row _ _content {
flex - shrink : 0 ;
display : flex ;
min - width : 100 % ;
gap : var ( -- gap ) ;
transform : translateX ( - 15 % ) ;
& . offset {
transform : translateX ( - 130 % ) ;
}
}
. project {
position : relative ;
display : flex ;
cursor : pointer ;
padding : 1 rem ;
gap : 1 rem ;
border - radius : 1 rem ;
border : 1 px solid var ( -- landing - border - color ) ;
transition : background 0.5 s ease - in - out , transform 0.05 s ease - in - out ;
// Removed due to lag on mobile :(
background : var ( -- landing - blob - gradient ) ;
img {
height : 3 rem ;
}
. project - info {
box - sizing : border - box ;
}
. title {
color : var ( -- landing - color - heading ) ;
max - width : 13.75 rem ;
overflow : hidden ;
white - space : nowrap ;
text - overflow : ellipsis ;
margin : 0 ;
font - weight : 600 ;
font - size : 1.25 rem ;
line - height : 110 % ;
display : block ;
}
. description {
width : 13.75 rem ;
display : - webkit - box ;
- webkit - line - clamp : 2 ;
- webkit - box - orient : vertical ;
overflow : hidden ;
font - weight : 500 ;
font - size : 0.875 rem ;
line - height : 125 % ;
margin : 0.25 rem 0 0 ;
}
}
}
}
. ellipsis {
position : absolute ;
top : 2 rem ;
left : 50 % ;
height : 150 % ;
z - index : - 1 ;
aspect - ratio : 1 ;
border - radius : 100 % ;
transform : translate ( - 50 % , 2 rem ) ;
background : var ( -- landing - blob - gradient ) ;
border : 1 px solid var ( -- landing - border - color ) ;
}
. icon - logo {
position : absolute ;
top : 2 rem ;
left : 50 % ;
transform : translate ( - 50 % , 0 ) ;
z - index : 4 ;
}
p {
padding : var ( -- gap - xl ) ;
padding - top : 0 ;
}
}
. feature {
padding : var ( -- gap - xl ) ;
z - index : 1 ;
background : radial - gradient (
50 % 50 % at 50 % 50 % ,
rgba ( 44 , 48 , 79 , 0.35 ) 0 % ,
rgba ( 32 , 35 , 50 , 0.27 ) 100 %
) ;
box - shadow : 2 px 2 px 12 px 0 px rgba ( 0 , 0 , 0 , 0.16 ) ,
2 px 2 px 64 px 0 px rgba ( 57 , 61 , 94 , 0.45 ) inset ;
backdrop - filter : blur ( 6 px ) ;
- webkit - backdrop - filter : blur ( 6 px ) ;
max - width : 540 px ;
width : 100 % ;
overflow : hidden ;
. additional - label {
width : fit - content ;
padding : 0.5 rem 0.75 rem ;
margin - bottom : 0.5 rem ;
background : var ( -- landing - blue - label - bg ) ;
color : var ( -- landing - blue - label ) ;
border - radius : 6 px ;
font - weight : 700 ;
font - size : 1 rem ;
}
h3 ,
p {
margin : 0 ;
}
h3 {
font - size : var ( -- font - size - xl ) ;
color : var ( -- landing - color - heading ) ;
margin - bottom : 0.375 rem ;
}
p {
color : var ( -- landing - color - subheading ) ;
}
}
}
. feature - row {
display : grid ;
grid - template - columns : repeat ( 3 , 1 fr ) ;
gap : var ( -- gap - lg ) ;
max - width : 1096 px ;
margin : 0 auto ;
padding : calc ( var ( -- gap - xl ) * 2 ) 1 rem ;
@ media ( max - width : 1024 px ) {
grid - template - columns : repeat ( 1 , 1 fr ) ;
. point {
text - align : center ;
. title {
justify - content : center ;
}
}
}
. point {
display : flex ;
flex - direction : column ;
gap : var ( -- gap - md ) ;
padding : 1 rem 0 ;
svg {
width : 1.5 rem ;
height : 1.5 rem ;
}
. title {
display : flex ;
align - items : center ;
gap : 0.5 rem ;
}
h3 {
font - size : var ( -- font - size - lg ) ;
font - weight : normal ;
color : var ( -- landing - color - heading ) ;
margin : 0 ;
}
p {
color : var ( -- landing - color - subheading ) ;
margin : 0 ;
}
2023-08-05 13:09:44 -04:00
a {
text - decoration : underline ;
}
2023-08-04 18:22:23 -04:00
}
}
}
. table {
display : grid ;
border : 1 px solid rgba ( # a8b1ddbf , 0.25 ) ;
gap : 0.25 rem ;
overflow : hidden ;
font - size : var ( -- font - size - sm ) ;
background : rgba ( 59 , 63 , 85 , 0.15 ) ;
box - shadow : 2 px 2 px 12 px 0 px rgba ( 0 , 0 , 0 , 0.16 ) ;
2023-08-05 13:09:44 -04:00
. btn ,
button {
& : hover {
cursor : default ! important ;
}
}
2023-08-04 18:22:23 -04:00
. first {
border - top : none ! important ;
}
. row {
& : not ( . header ) {
border - top : 1 px solid rgba ( # a8b1ddbf , 0.25 ) ;
}
}
}
2023-08-05 13:09:44 -04:00
. row ,
. header ,
. table ,
. project ,
. export - card {
user - select : none ;
& : hover {
cursor : default ;
}
}
2023-08-04 18:22:23 -04:00
. footer {
padding : var ( -- gap - xl ) ;
background : var ( -- color - accent - contrast ) ;
color : var ( -- color - contrast ) ;
text - align : center ;
display : flex ;
flex - direction : column ;
gap : var ( -- gap - xl ) ;
justify - content : center ;
align - items : center ;
. section - badge {
background - color : var ( -- color - brand - highlight ) ;
color : var ( -- color - brand ) ;
border - radius : var ( -- radius - sm ) ;
width : min - content ;
padding : var ( -- gap - lg ) var ( -- gap - xl ) ;
white - space : nowrap ;
}
. section - subheader {
display : flex ;
flex - direction : column ;
align - items : center ;
gap : var ( -- gap - sm ) ;
font - size : var ( -- font - size - lg ) ;
margin : 2 rem 0 ;
. section - subheader - title {
font - size : var ( -- font - size - xl ) ;
margin : 0 ;
}
. section - subheader - description {
color : var ( -- color - base ) ;
margin : 0 ;
}
}
. download - section {
display : grid ;
grid - template - columns : 1 fr 1 px 1 fr 1 px 1 fr ;
height : 100 % ;
gap : var ( -- gap - lg ) ;
max - width : 1096 px ;
margin : 0 auto ;
@ media ( max - width : 1024 px ) {
grid - template - columns : repeat ( 1 , 1 fr ) ;
max - width : 340 px ;
. divider {
display : none ;
}
}
. divider {
height : 13 rem ;
width : 1 px ;
background : var ( -- landing - border - color ) ;
margin : 0 ;
}
. download - card {
display : flex ;
flex - direction : column ;
gap : calc ( var ( -- gap - lg ) * 2 ) ;
padding : calc ( var ( -- gap - lg ) * 2 ) ;
height : min - content ;
. title {
display : flex ;
flex - direction : column ;
align - items : center ;
justify - content : center ;
font - size : var ( -- font - size - 2 xl ) ;
gap : var ( -- gap - sm ) ;
border - radius : var ( -- radius - md ) var ( -- radius - md ) 0 0 ;
color : var ( -- color - contrast ) ;
}
. description {
display : flex ;
flex - direction : column ;
align - items : center ;
border - top : none ;
font - size : var ( -- font - size - md ) ;
color : var ( -- color - brand ) ;
gap : var ( -- gap - sm ) ;
a {
display : flex ;
align - items : flex - start ;
gap : var ( -- gap - sm ) ;
justify - content : center ;
& : hover {
cursor : pointer ;
}
}
& . apple {
align - items : flex - start ;
}
}
: deep ( . animated - dropdown ) {
color : var ( -- color - brand ) ;
width : 16 rem ;
white - space : nowrap ;
. selected {
border : 1 px solid var ( -- color - brand ) ;
background - color : var ( -- color - accent - contrast ) ;
}
. options {
border : 1 px solid var ( -- color - brand ) ;
border - radius : 0 0 var ( -- radius - md ) var ( -- radius - md ) ;
}
. option {
background - color : var ( -- color - accent - contrast ) ;
}
. selected - option {
background - color : var ( -- color - brand ) ;
}
}
}
}
. terms {
margin : var ( -- gap - xl ) ;
font - size : var ( -- font - size - lg ) ;
color : var ( -- landing - color - subheading ) ;
text - align : center ;
line - height : 1.5 ;
a {
text - decoration : underline ;
}
}
}
. icon - logo {
background : var ( -- color - accent - contrast ) ;
width : 5 rem ;
height : 5 rem ;
padding : 0.75 rem ;
display : flex ;
justify - content : center ;
align - items : center ;
border : 1 px solid var ( -- landing - border - color ) ;
border - radius : var ( -- radius - lg ) ;
. icon {
margin : auto ;
height : 3.5 rem ;
: deep ( svg ) {
width : 3.5 rem ;
height : 3.5 rem ;
}
: deep ( . rotate ) {
animation : none ! important ;
}
}
}
. gradient - border {
position : relative ;
border - radius : var ( -- radius - lg ) ;
& : before {
content : '' ;
position : absolute ;
inset : 0 ;
padding : 1 px ;
z - index : - 1 ;
border - radius : 1 rem ;
background : var ( -- landing - border - gradient ) ;
- webkit - mask : linear - gradient ( # fff 0 0 ) content - box , linear - gradient ( # fff 0 0 ) ;
mask : linear - gradient ( # fff 0 0 ) content - box , linear - gradient ( # fff 0 0 ) ;
- webkit - mask - composite : xor ;
mask - composite : exclude ;
}
}
. bottom - transition {
position : absolute ;
bottom : 0 ;
width : 100 % ;
height : 30 rem ;
background : linear - gradient (
0 deg ,
var ( -- landing - transition - gradient - end ) 0 % ,
var ( -- landing - transition - gradient - start ) 100 %
) ;
}
@ media screen and ( max - width : 1024 px ) {
. feature - grid {
2023-08-05 13:09:44 -04:00
grid - template - columns : 1 fr ! important ;
grid - template - rows : repeat ( 8 , 1 fr ) ! important ;
gap : var ( -- gap - lg ) ;
margin : 0 auto ;
align - content : center ;
2023-08-04 18:22:23 -04:00
2023-08-05 13:09:44 -04:00
. feature {
width : 100 % ! important ;
margin : 0 auto ;
}
. mods {
grid - row : 1 / 3 ! important ;
grid - column : 1 / 2 ! important ;
}
. importing {
grid - row : 3 / 4 ! important ;
grid - column : 1 / 2 ! important ;
}
. sharing {
grid - row : 4 / 5 ! important ;
grid - column : 1 / 2 ! important ;
}
. performance {
grid - row : 5 / 6 ! important ;
grid - column : 1 / 2 ! important ;
}
. playing {
grid - row : 6 / 7 ! important ;
grid - column : 1 / 2 ! important ;
}
. website {
grid - row : 7 / 9 ! important ;
grid - column : 1 / 2 ! important ;
}
2023-08-04 18:22:23 -04:00
}
. main - header {
font - size : 4 rem ! important ;
}
2023-08-05 13:09:44 -04:00
. subheader {
font - size : 1.5 rem ! important ;
}
2023-08-04 18:22:23 -04:00
. main - subheader {
font - size : 1.25 rem ! important ;
}
}
@ media screen and ( max - width : 746 px ) {
. main - header {
font - size : 3 rem ! important ;
}
2023-08-05 13:09:44 -04:00
. subheader {
font - size : 1.25 rem ! important ;
}
2023-08-04 18:22:23 -04:00
. main - subheader {
font - size : 1.1 rem ! important ;
}
. logo - banner {
padding : 3 rem 1 rem 3.75 rem 1 rem ;
. overlay {
bottom : 3.5 rem ;
}
}
}
. dark - icon {
display : block ;
}
. light - icon {
display : none ;
}
. light - mode {
. footer ,
. features {
background : # f8f7f8 ;
}
. bottom - transition {
background : linear - gradient ( rgba ( # f8f7f8 , 0 ) 0 % , # f8f7f8 100 % ) ;
}
. dark - icon {
display : none ;
}
. light - icon {
display : block ;
}
. feature {
background : radial - gradient (
50 % 50 % at 50 % 50 % ,
rgba ( 255 , 255 , 255 , 0.35 ) 0 % ,
rgba ( 255 , 255 , 255 , 0.27 ) 100 %
) ! important ;
box - shadow : 2 px 2 px 64 px 0 px rgba ( 255 , 255 , 255 , 0.45 ) inset ,
2 px 2 px 12 px 0 px rgba ( 0 , 0 , 0 , 0.16 ) ! important ;
border : none ! important ;
}
. gradient - border {
& : before {
background : var ( -- landing - border - gradient - light ) ;
}
}
. search - bar {
background : var ( -- color - raised - bg ) ! important ;
border : 2 px solid var ( -- color - brand ) ! important ;
. mini - input {
background : var ( -- color - raised - bg ) ! important ;
border : 2 px solid var ( -- color - bg ) ;
}
}
. ellipsis {
opacity : 0.75 ;
background : linear - gradient (
180 deg ,
rgba ( 5 , 206 , 69 , 0.15 ) 0 % ,
rgba ( 5 , 206 , 69 , 0 ) 100 %
) ! important ;
}
. landing - hero {
2023-08-05 13:09:44 -04:00
background : url ( 'https://cdn-raw.modrinth.com/app-landing/cube-light.png' ) no - repeat center 4 rem ;
background - size : cover ;
2023-08-04 18:22:23 -04:00
}
. base - ring {
border : 1 px solid rgba ( # a8b1ddbf , 0.25 ) ! important ;
}
. first - ring {
background : linear - gradient (
180 deg ,
rgba ( 5 , 206 , 69 , 0.15 ) 0 % ,
rgba ( 5 , 206 , 69 , 0 ) 100 %
) ! important ;
}
. second - ring {
background : linear - gradient (
180 deg ,
rgba ( 5 , 206 , 69 , 0.15 ) 0 % ,
rgba ( 5 , 206 , 69 , 0 ) 100 %
) ! important ;
}
. third - ring {
background : linear - gradient (
180 deg ,
rgba ( 5 , 206 , 69 , 0.15 ) 0 % ,
rgba ( 5 , 206 , 69 , 0 ) 100 %
) ! important ;
}
. table {
background : white ;
}
. project {
background : rgba ( 255 , 255 , 255 , 0.8 ) ! important ;
}
. export - card {
background : white ! important ;
}
}
. main - header - strong {
font - weight : 600 ;
background - color : # 00 bd3c ;
background - image : linear - gradient ( 180 deg , # a7d0ff 0 % , var ( -- color - brand ) 60 % ) ;
background - size : 100 % ;
background - clip : text ;
- webkit - text - fill - color : transparent ;
- moz - text - fill - color : transparent ;
color : transparent ;
}
. logo - banner {
position : relative ;
display : flex ;
align - items : center ;
justify - content : center ;
padding : 4 rem 1 rem 6.75 rem 1 rem ;
overflow : hidden ;
width : 100 % ;
background - color : var ( -- color - accent - contrast ) ;
svg {
z - index : 2 ;
width : auto ;
height : 32 rem ;
}
. overlay {
z - index : 3 ;
position : absolute ;
bottom : 5 rem ;
display : flex ;
flex - direction : column ;
align - items : center ;
text - align : center ;
gap : 1.5 rem ;
white - space : nowrap ;
}
}
< / style >
