Finish mod main page

This commit is contained in:
Jai A committed 2020-05-18 22:35:03 -07:00
1 parent 625617bb20
commit 251f1941a9
8 files changed
+207 -16

No files matched your search

+92 -5
View File
@@ -31,6 +31,41 @@
margin: 0;
}
.mod-buttons {
display: flex;
flex-direction: column;
margin: 10px 30px 10px auto;
}
.mod-button {
margin: 5px 0;
display: flex;
flex-direction: row;
text-decoration: none;
width: 120px;
height: 30px;
}
.mod-button img {
margin: 5px 10px;
width: 20px;
}
.mod-button p {
margin: auto;
font-weight: bold;
}
.download-button {
background-color: #69E781;
color: white;
}
.follow-button {
background-color: red;
color: white;
}
.mod-bar {
display: flex;
flex-direction: row;
@@ -53,7 +88,13 @@
}
.mod-description div {
margin: 0 5px;
max-width: 1000px;
margin: 0 auto;
text-align: center;
}
.mod-description img {
max-width: 1000px;
}
.mod-sidebar {
@@ -63,7 +104,7 @@
border-left: 1px solid darkgrey;
width: 20%;
height: 100vh;
min-height: 100vh;
background-color: white;
}
@@ -82,8 +123,20 @@
margin: 0 auto;
}
.mod-info p{
margin: 0 ;
.mod-info-entry {
display: flex;
flex-direction: row;
margin: 5px;
align-items: center;
}
.mod-info-entry img {
margin: 0 5px;
height: 15px;
}
.mod-info-entry p {
margin: 0 auto;
}
.sidebar-img {
@@ -98,8 +151,42 @@
width: 200px;
}
.categories {
display: flex;
flex-direction: row;
}
.categories img {
width: 40px;
margin: 0 10px;
}
.contributor-card {
display: flex;
flex-direction: row;
height: 50px;
width: 200px;
margin: 5px 0;
}
.contributor-card img {
width: 50px;
height: 50px;
margin-right: 10px;
}
.contributor-card-text {
display: flex;
flex-direction: column;
margin: auto;
}
.contributor-card-text a {
text-decoration: none;
}
.sidebar-line {
height: 1px;
height: 2px;
width: 80%;
background-color: darkgrey;
margin: 0 auto;
+1
View File
@@ -0,0 +1 @@
<svg height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="File_system" data-name="File system"><path d="m61 32h-58l7.59-27.53a2 2 0 0 1 1.93-1.47h38.96a2 2 0 0 1 1.93 1.47z" fill="#004fac"/><path d="m61 32v25a4 4 0 0 1 -4 4h-50a4 4 0 0 1 -4-4v-25z" fill="#2488ff"/><path d="m56 32v22a4 4 0 0 1 -4 4h-48.859a3.989 3.989 0 0 0 3.859 3h50a4 4 0 0 0 4-4v-25z" fill="#006df0"/><path d="m8.253 28h47.494l-1.931-7h-43.632z" fill="#5eac24"/><path d="m49.954 7h-35.908l-1.931 7h39.77z" fill="#d80027"/><path d="m12.115 14-1.931 7h43.632l-1.931-7z" fill="#ffcd00"/><path d="m24.544 42.632a2 2 0 0 0 1.898 1.368h11.116a2 2 0 0 0 1.9-1.368l1.1-3.316a1 1 0 0 0 -.945-1.316h-15.226a1 1 0 0 0 -.948 1.316z" fill="#003f8a"/></g></svg>

After

Width:  |  Height:  |  Size: 752 B

+1
View File
@@ -0,0 +1 @@
<svg id="Layer_1_1_" enable-background="new 0 0 64 64" height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m20 14c0-3.866 3.134-7 7-7h4 5c0-2.209-2.582-4-7-4h-8c-1.889 0-3.667.889-4.8 2.4-.779 1.039-1.2 2.302-1.2 3.6v11l5-3z" fill="#4d2817"/><path d="m14 29.19v-9.19h-2c-2.209 0-4 1.791-4 4v4c0 2.209 1.791 4 4 4h2.709c-.455-.857-.709-1.817-.709-2.81z" fill="#606060"/><path d="m41 28v-4c0-2.209-1.791-4-4-4h-1v8z" fill="#606060"/><path d="m31 10v-3h-4c-3.866 0-7 3.134-7 7v3h4c3.866 0 7-3.134 7-7z" fill="#4d2817"/><path d="m31 10c0 3.866-3.134 7-7 7h6c3.866 0 7-3.134 7-7v-3h-1-5z" fill="#66351e"/><path d="m30 17h6c1.075 0 2.09-.25 3-.683v-.011.011c2.363-1.124 4-3.527 4-6.317v-3h-6v3c0 3.866-3.134 7-7 7z" fill="#4d2817"/><path d="m19 3h-2c-1.889 0-3.667.889-4.8 2.4-.779 1.039-1.2 2.302-1.2 3.6v11h1 3v-11c0-1.298.421-2.561 1.2-3.6 1.133-1.511 2.911-2.4 4.8-2.4z" fill="#66351e"/><path d="m11 29v-4c0-1.862 1.278-3.413 3-3.859v-1.141h-2c-2.209 0-4 1.791-4 4v4c0 2.209 1.791 4 4 4h.38c-.839-.733-1.38-1.798-1.38-3z" fill="#878787"/><path d="m37 20h-1v2c2.209 0 4 1.791 4 4v2h1v-4c0-2.209-1.791-4-4-4z" fill="#878787"/><path d="m41 43.354c2.783 1.127 5 2.412 5 3.646v14h-42v-14c0-3.314 16-7 16-7h10z" fill="#d0382a"/><path d="m41 46.354-11-3.354h-10s-14.12 3.254-15.829 6.395l-.171-2.395c0-3.314 16-7 16-7h10l11 3.354c2.783 1.127 5 2.412 5 3.646l-.173 2.419c-.55-1.05-2.478-2.114-4.827-3.065z" fill="#b33024"/><path d="m19 17h17v12.19c0 1.781-.791 3.469-2.159 4.609l-4.703 2.577c-.747.41-1.584.624-2.436.624h-3.405c-.851 0-1.689-.214-2.436-.624l-4.703-2.577c-1.367-1.14-2.158-2.829-2.158-4.609v-8.19z" fill="#fce0b9"/><path d="m20.862 36.376c.747.41 1.584.624 2.436.624h3.405c.851 0 1.689-.214 2.436-.624l.861-.472v6.096c-2.761 2.761-7.239 2.761-10 0v-6.096z" fill="#fce0b9"/><path d="m20 35.904.862.472c.747.41 1.584.624 2.436.624h3.405c.851 0 1.689-.214 2.436-.624l.861-.472v6.096c-.158.158-.323.304-.491.444l-9.509-6.158z" fill="#f5cba1"/><path d="m27 25c-.552 0-1 .448-1 1v11h.702c.851 0 1.689-.214 2.436-.624l4.703-2.577c1.368-1.14 2.159-2.829 2.159-4.609v-4.19z" fill="#f5cba1"/><g fill="#383838"><path d="m29 28v8.441 4.559 9h14v-17c0-1.105.895-2 2-2s2 .895 2 2v17h14v-22z"/><path d="m45 31c-1.105 0-2 .895-2 2v17 7h4v-7-17c0-1.105-.895-2-2-2z"/><path d="m36 57v4h18v-4h-7-4z"/></g><path d="m24 15h-4v2h4c3.866 0 7-3.134 7-7v-2c0 3.866-3.134 7-7 7z" fill="#3d2012"/><path d="m30 15h-1.106c-1.262 1.236-2.988 2-4.894 2h6c3.866 0 7-3.134 7-7v-2c0 3.866-3.134 7-7 7z" fill="#4d2817"/><path d="m39 14.317c-.91.433-1.925.683-3 .683h-1.106c-1.262 1.236-2.988 2-4.894 2h6c1.075 0 2.09-.25 3-.683 2.363-1.124 4-3.527 4-6.317v-2c0 2.791-1.637 5.193-4 6.317z" fill="#3d2012"/><path d="m10 57 10-2h6c1.657 0 3 1.343 3 3v3h-19z" fill="#fce0b9"/><path d="m41 30.462v19.538h2v-17c0-1.105.895-2 2-2s2 .895 2 2v17h2v-19.538c0-1.36-1.791-2.462-4-2.462s-4 1.102-4 2.462z" fill="#262626"/><path d="m36 59h18v2h-18z" fill="#262626"/><path d="m20 25.75c-.965 0-1.75-.785-1.75-1.75s.785-1.75 1.75-1.75 1.75.785 1.75 1.75-.785 1.75-1.75 1.75zm0-2c-.138 0-.25.112-.25.25 0 .275.5.275.5 0 0-.138-.112-.25-.25-.25z"/><path d="m30 25.75c-.965 0-1.75-.785-1.75-1.75s.785-1.75 1.75-1.75 1.75.785 1.75 1.75-.785 1.75-1.75 1.75zm0-2c-.138 0-.25.112-.25.25 0 .275.5.275.5 0 0-.138-.112-.25-.25-.25z"/><path d="m61 27h-19v-3c0-1.627-.793-3.061-2-3.974v-3.108c2.387-1.386 4-3.964 4-6.918v-3c0-.552-.448-1-1-1h-6.14c-.586-2.119-3.078-4-7.86-4h-8-4c-2.192 0-4.285 1.047-5.6 2.8-.903 1.203-1.4 2.695-1.4 4.2v10.417c-1.765.773-3 2.537-3 4.583v4c0 2.414 1.721 4.434 4 4.899v8.605c-4.202 1.473-8 3.386-8 5.496v14c0 .552.448 1 1 1h32 18c.552 0 1-.448 1-1v-4c0-.552-.448-1-1-1h-6v-5h13c.552 0 1-.448 1-1v-22c0-.552-.448-1-1-1zm-24 0v-6c1.654 0 3 1.346 3 3v3zm-16 10.543c.728.298 1.509.457 2.298.457h3.404c.434 0 .87-.055 1.298-.15v4.406c-2.239 1.283-5.052 1.02-7-.688zm8-10.543c-.552 0-1 .448-1 1v7.776c-.422.144-.862.224-1.298.224h-3.404c-.682 0-1.358-.173-1.956-.5l-4.614-2.529c-1.1-.951-1.728-2.324-1.728-3.781v-8.19c.189 0 .355-.066.506-.157l.009.015 4.762-2.858h14.723v9zm7-19v2c0 3.309-2.691 6-6 6h-.726c1.667-1.467 2.726-3.61 2.726-6v-2zm-6 2c0 3.309-2.691 6-6 6h-3v-2c0-3.309 2.691-6 6-6h3zm8 9.101c-.323-.066-.658-.101-1-.101v-1.069c.341-.043.674-.109 1-.194zm4-9.101c0 3.309-2.691 6-6 6h-.726c1.667-1.467 2.726-3.61 2.726-6v-2h4zm-25-4c.939-1.252 2.434-2 4-2h8c3.043 0 4.951.903 5.668 2h-7.668c-4.411 0-8 3.589-8 8v2.434l-3 1.8v-9.234c0-1.075.355-2.141 1-3zm-5 3c0-1.075.355-2.141 1-3 .736-.982 1.814-1.653 3-1.898-.214.218-.415.451-.6.698-.903 1.203-1.4 2.695-1.4 4.2v10h-2zm-3 19v-4c0-1.654 1.346-3 3-3h1v8.19c0 .62.091 1.225.247 1.81h-1.247c-1.654 0-3-1.346-3-3zm4 5h1.136c.378.58.837 1.112 1.383 1.567.049.042.103.078.16.109l3.321 1.82v2.711c-1.657.395-3.809.951-6 1.635zm-8 14c0-.76 2.424-2.038 6-3.336v12.116l-1.196.24.393 1.961.803-.161v2.18h-6zm23 13h-15v-2.58l7.099-1.42h5.901c1.103 0 2 .897 2 2zm7-3v3h-5v-2c0-2.206-1.794-4-4-4h-6c-.066 0-.131.006-.196.02l-6.804 1.36v-12.40Line truncated

After

Width:  |  Height:  |  Size: 5.2 KiB

+1
View File
@@ -0,0 +1 @@
<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><circle cx="256" cy="256" fill="#fe8205" r="256"/><path d="m512 256c0-140.61-115.39-256-256-256v512c140.61 0 256-115.39 256-256z" fill="#fa5d0f"/><path d="m256 61c-107.52 0-195 87.48-195 195s87.48 196 195 196 195-88.48 195-196-87.48-195-195-195z" fill="#f0f7ff"/><path d="m451 256c0-107.52-87.48-195-195-195v391c107.52 0 195-88.48 195-196z" fill="#dfe7f4"/><path d="m256 121c-8.291 0-15 6.709-15 15v150c0 8.291 6.709 15 15 15s15-6.709 15-15v-150c0-8.291-6.709-15-15-15z" fill="#575f64"/><path d="m271 286v-150c0-8.291-6.709-15-15-15v180c8.291 0 15-6.709 15-15z" fill="#474f54"/><path d="m346 241h-90-30c-8.291 0-15 6.709-15 15s6.709 15 15 15h30 90c8.291 0 15-6.709 15-15s-6.709-15-15-15z" fill="#575f64"/><path d="m361 256c0-8.291-6.709-15-15-15h-90v30h90c8.291 0 15-6.709 15-15z" fill="#474f54"/></g></svg>

After

Width:  |  Height:  |  Size: 945 B

+10
View File
@@ -0,0 +1,10 @@
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve" width="512px" height="512px" class="hovered-paths"><g><g>
<g>
<path d="M472,313v139c0,11.028-8.972,20-20,20H60c-11.028,0-20-8.972-20-20V313H0v139c0,33.084,26.916,60,60,60h392 c33.084,0,60-26.916,60-60V313H472z" data-original="#000000" class="active-path" data-old_color="#000000" fill="#FFFFFF"/>
</g>
</g><g>
<g>
<polygon points="352,235.716 276,311.716 276,0 236,0 236,311.716 160,235.716 131.716,264 256,388.284 380.284,264 " data-original="#000000" class="active-path" data-old_color="#000000" fill="#FFFFFF"/>
</g>
</g></g> </svg>

After

Width:  |  Height:  |  Size: 782 B

+1
View File
@@ -0,0 +1 @@
<svg id="Layer_1" enable-background="new 0 0 480.002 480.002" height="512" viewBox="0 0 480.002 480.002" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m394.001 424.742v39.26c0 4.42-3.58 8-8 8h-292c-4.42 0-8-3.58-8-8v-39.26c0-41.01 33.11-75.01 74.11-74.57 23.207.23 41.89-18.43 41.89-41.34v-6.83l.15-.37c-35.9-14.86-61.15-50.23-61.15-91.5v-3.13c-14.252 0-25-11.262-25-24.54v-88.15c0-28.96 14.36-56.04 38.33-72.3l11.76-7.97c4.44-3.01 10.52-.88 12.12 4.24l4.15 13.28c1.41 4.52 6.42 6.83 10.78 4.97l59.04-25.2c4.24-1.8 9.13.33 10.68 4.67l4.65 13.02c1.4 3.94 5.6 6.13 9.64 5.03l48.75-13.29c5.08-1.39 10.1 2.44 10.1 7.71v11.11c0 3.27 1.99 6.22 5.03 7.43l36.31 14.53c4.48 1.79 6.32 7.09 4.01 11.33-10.37 18.99-16.35 40.93-16.35 64.04v44.09c0 14.36-11.64 26-26 26v3.13c0 41.27-25.25 76.64-61.15 91.5l.15.37v6.83c0 22.943 18.717 41.57 41.89 41.34 41-.44 74.11 33.56 74.11 74.57z" fill="#ffdfba"/><path d="m394.001 424.742v39.26c0 4.418-3.582 8-8 8h-292c-4.418 0-8-3.582-8-8v-39.26c0-41.006 33.109-75.015 74.113-74.572 6.036.065 11.796-1.16 16.987-3.418v.01c10.95 24.91 35.7 41.06 62.9 41.06s51.95-16.15 62.9-41.06v-.01c5.191 2.257 10.951 3.483 16.987 3.418 41.004-.443 74.113 33.566 74.113 74.572z" fill="#ffaa64"/><path d="m336.001 39.586c0 3.271 1.992 6.213 5.029 7.428l36.309 14.524c4.485 1.794 6.322 7.097 4.008 11.337-10.362 18.985-16.346 40.931-16.346 64.038v44.09c0 14.36-11.64 26-26 26v-61.77c0-26.51-21.49-48-48-48h-102c-26.51 0-48 21.49-48 48v61.77c-14.255 0-25-11.265-25-24.54v-88.15c0-28.96 14.36-56.04 38.33-72.3l11.757-7.969c4.44-3.009 10.525-.883 12.124 4.236l4.15 13.279c1.412 4.52 6.42 6.83 10.775 4.972l59.048-25.194c4.238-1.808 9.124.328 10.673 4.668l4.65 13.021c1.406 3.937 5.606 6.127 9.639 5.027l48.748-13.295c5.089-1.388 10.105 2.443 10.105 7.718v11.11z" fill="#ffe773"/><path d="m339.001 210.132c0 54.696-44.348 99-99 99-54.65 0-99-44.302-99-99 0-6.721 0-57.228 0-64.9 0-26.51 21.49-48 48-48h102c26.51 0 48 21.49 48 48z" fill="#ffebd2"/><path d="m279.131 318.422c-24.637 10.313-51.712 11.113-78.26 0 1.356-5.626 1.13-9.27 1.13-16.42l.15-.37c24.082 9.996 51.571 10.016 75.7 0l.15.37c0 7.153-.226 10.796 1.13 16.42z" fill="#ffd6a6"/><path d="m217.585 274.059c16.277 10.183 3.442 35.156-14.376 28.004-36.634-14.704-62.208-50.404-62.208-91.932v-64.9c0-10.084 3.11-19.442 8.422-27.168 6.657-9.68 21.65-4.88 21.578 6.868-.002.245-.001 64.955-.001 65.2.001 36.511 19.193 66.791 46.585 83.928z" fill="#fff3e4"/><path d="m181.248 354.73c5.506 9.073.512 20.907-9.749 23.615-24.507 6.468-56.498 23.706-56.498 71.397v22.26h-21c-4.418 0-8-3.582-8-8v-39.26c0-41.01 33.11-75.01 74.11-74.57 6.04.06 11.8-1.16 16.99-3.42v.01c1.218 2.767 2.605 5.427 4.147 7.968z" fill="#ffbd7b"/><path d="m298.754 354.73c-5.506 9.073-.512 20.907 9.749 23.615 24.507 6.468 56.498 23.706 56.498 71.397v22.26h21c4.418 0 8-3.582 8-8v-39.26c0-41.01-33.11-75.01-74.11-74.57-6.04.06-11.8-1.16-16.99-3.42v.01c-1.218 2.767-2.605 5.427-4.147 7.968z" fill="#faa157"/><path d="m193.141 36.532c.234-.1.413.226.202.369l-9.012 6.111c-23.97 16.26-38.33 43.34-38.33 72.3v8.57c-3.2 6.43-5 13.68-5 21.35v61.77c-14.252 0-25-11.262-25-24.54v-88.15c0-28.96 14.36-56.04 38.33-72.3l11.76-7.97c4.44-3.01 10.52-.88 12.12 4.24l4.15 13.28c1.41 4.52 6.42 6.83 10.78 4.97z" fill="#ffec8f"/><path d="m402.001 424.745v47.257c0 4.418-3.582 8-8 8s-8-3.582-8-8v-47.257c0-36.794-29.775-66.572-66.573-66.571-17.41 0-33.208-8.87-42.258-23.728-2.299-3.773-1.104-8.695 2.67-10.994 3.772-2.3 8.695-1.103 10.994 2.67 6.123 10.051 16.812 16.051 28.594 16.051 45.637 0 82.573 36.93 82.573 82.572zm-111.612-58.26c2.846 3.38 2.412 8.427-.968 11.272-36.841 31.013-92.818 20.862-116.34-21.177-4.034 1.045-8.227 1.593-12.505 1.593-36.878 0-66.574 29.849-66.574 66.571v47.257c0 4.418-3.582 8-8 8s-8-3.582-8-8v-47.257c0-45.634 36.929-82.571 82.571-82.571 18.452 0 33.429-14.863 33.429-33.341v-2.107c-34.919-16.697-59.429-51.784-60.923-92.643-14.37-3.455-25.077-16.317-25.077-31.62v-88.152c0-31.653 15.642-61.155 41.841-78.917l20.67-14.014c4.434-3.006 10.526-.882 12.125 4.235l7.361 23.556 66.863-28.528c4.24-1.807 9.125.333 10.674 4.667l7.508 21.023 58.854-16.051c5.086-1.386 10.104 2.45 10.104 7.718v21.584l44.971 17.988c4.654 1.862 6.471 7.505 3.772 11.733-12.916 20.228-19.743 43.606-19.743 67.607v45.547c0 4.418-3.582 8-8 8s-8-3.582-8-8v-45.547c0-23.846 5.978-47.146 17.363-67.951l-41.335-16.53c-3.038-1.215-5.029-4.157-5.029-7.428v-16.526l-55.896 15.244c-4.03 1.098-8.232-1.091-9.639-5.027l-7.142-19.998-67.183 28.665c-4.366 1.859-9.366-.464-10.775-4.972l-6.788-21.722-11.757 7.971c-21.803 14.781-34.819 39.332-34.819 65.673v88.151c0 6.348 3.656 11.865 9 14.636v-51.863c0-30.878 25.121-56 56-56h102c30.879 0 56 25.12 56 55.997 0 .178.002 65.555-.003 65.733-.547 70.614-68.81 121.947-137.167 101.823-1.246 15.79-9.814 29.175-22.057 37.259 19.064 32.202 62.559 39.7 91.342 15.47 3.378-2.842 8.426-2.411 11.272.969zm-50.388-65.358c50.178 0 91-40.822 91-91v-64.895c0-22.055-17.944-39.997-40-39.997h-102c-22.056 0-40 17.944-40 40v64.891c0 50.179 40.822 91.001Line truncated

After

Width:  |  Height:  |  Size: 4.9 KiB

+49 -1
View File
@@ -1 +1,49 @@
<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><circle cx="256" cy="256" fill="#fe8205" r="256"/><path d="m512 256c0-140.61-115.39-256-256-256v512c140.61 0 256-115.39 256-256z" fill="#fa5d0f"/><path d="m256 61c-107.52 0-195 87.48-195 195s87.48 196 195 196 195-88.48 195-196-87.48-195-195-195z" fill="#f0f7ff"/><path d="m451 256c0-107.52-87.48-195-195-195v391c107.52 0 195-88.48 195-196z" fill="#dfe7f4"/><path d="m256 121c-8.291 0-15 6.709-15 15v150c0 8.291 6.709 15 15 15s15-6.709 15-15v-150c0-8.291-6.709-15-15-15z" fill="#575f64"/><path d="m271 286v-150c0-8.291-6.709-15-15-15v180c8.291 0 15-6.709 15-15z" fill="#474f54"/><path d="m346 241h-90-30c-8.291 0-15 6.709-15 15s6.709 15 15 15h30 90c8.291 0 15-6.709 15-15s-6.709-15-15-15z" fill="#575f64"/><path d="m361 256c0-8.291-6.709-15-15-15h-90v30h90c8.291 0 15-6.709 15-15z" fill="#474f54"/></g></svg>
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 468.134 468.134" style="enable-background:new 0 0 468.134 468.134;" xml:space="preserve">
<path style="fill:#DC8744;" d="M28.06,363.046L9.317,423.983l-8.763,28.468c-2.859,9.288,5.842,17.989,15.13,15.129l28.467-8.763
l60.939-18.743L28.06,363.046z"/>
<path style="fill:#3A556A;" d="M44.151,458.817l-28.467,8.763c-9.288,2.859-17.988-5.841-15.129-15.129l8.763-28.468L44.151,458.817
z"/>
<rect x="-19.151" y="194.604" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 511.5694 231.7721)" style="fill:#FCD462;" width="453.868" height="54.465"/>
<rect x="19.36" y="233.116" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 604.5447 270.2841)" style="fill:#F6C358;" width="453.868" height="54.465"/>
<path style="fill:#E56353;" d="M426.039,119.122L349.01,42.094l38.436-38.436c4.877-4.877,12.784-4.877,17.66,0l59.368,59.368
c4.877,4.877,4.877,12.784,0,17.66L426.039,119.122z"/>
<g>
<rect x="352.212" y="52.373" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 692.3092 -73.0846)" style="fill:#EBF0F3;" width="18.157" height="108.937"/>
<rect x="326.525" y="78.036" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 666.604 -11.1108)" style="fill:#EBF0F3;" width="18.157" height="108.937"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 945 B

After

Width:  |  Height:  |  Size: 1.6 KiB

+52 -10
View File
@@ -28,11 +28,21 @@
<div class="main-flex">
<div class="main-content">
<div class="mod-header">
<img class="mod-icon" src="..." >
<img class="mod-icon" src="...">
<div class="mod-title">
<h3 class="mod-title-text">Mod Name</h3>
<h5 class="mod-title-text">Mod Description</h5>
</div>
<div class="mod-buttons">
<a class="mod-button follow-button" onclick="followMod()">
<img src="static/images/icon/donate.svg" alt="follow">
<p>Follow</p>
</a>
<a href="downloadFilePath" download="fileName" class="mod-button download-button" onclick="followMod()">
<img src="static/images/icon/download-alt.svg" alt="download">
<p>Latest</p>
</a>
</div>
</div>
<div class="mod-bar">
@@ -47,6 +57,8 @@
<div class="mod-description">
<div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim, lorem eget maximus cursus, quam est pellentesque leo, quis vulputate ante tellus et lacus. Vestibulum hendrerit finibus gravida. Nulla vitae faucibus massa. Nunc posuere ornare urna ut ultricies. Morbi a velit vestibulum, pulvinar massa nec, rhoncus tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu ante augue. Morbi nunc libero, ultrices vitae est nec, elementum blandit mauris. Aliquam venenatis faucibus massa in lobortis. Nunc tincidunt lectus in ultrices ultricies. Ut consectetur orci at ligula fringilla dapibus. Praesent porta, neque ut bibendum luctus, diam nibh auctor diam, eu condimentum enim nisi id erat. Nullam fringilla aliquam nulla sed lobortis. Sed ex neque, ultricies nec suscipit nec, aliquet ac mi. Aenean ut ultrices augue. Mauris ut sapien non arcu congue dapibus. Ut ornare ante odio, a rhoncus enim dignissim in. Vestibulum aliquet maximus nisi. Etiam fermentum velit quam, vitae molestie leo consequat malesuada. Vivamus felis nulla, egestas vitae efficitur in, vehicula eu ante. Nunc semper eu nibh sit amet iaculis. Proin eu finibus sapien, a luctus ante. Ut in congue massa. Cras malesuada magna est, id fringilla arcu tempor et. Proin fringilla orci ut tincidunt dictum. Nunc sodales ac urna sit amet fringilla. Donec eget dictum neque. Maecenas maximus libero sem, et lobortis diam imperdiet a. In ultrices quis massa id rutrum. Proin sit amet ex quis diam dapibus interdum vel a turpis. Cras elit ligula, bibendum id lacus id, feugiat mattis arcu. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras elit libero, porttitor eu blandit quis, elementum eget massa. Duis ac quam in neque feugiat egestas. Quisque blandit libero nisl, non convallis neque vestibulum quis. Donec vitae malesuada erat, sed faucibus diam. Duis fringilla eros elit, a pulvinar lacus malesuada feugiat. Integer ac hendrerit arcu. Phasellus quis eros faucibus metus blandit volutpat. Curabitur auctor iaculis leo sit amet tincidunt. Nam odio urna, rutrum non sodales sit amet, euismod at justo. Quisque pharetra ipsum sed sollicitudin pulvinar. Aenean eget cursus tellus, et convallis nisi. Maecenas malesuada lobortis condimentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla convallis orci magna, quis gravida purus aliquet sit amet. Pellentesque fringilla at nulla sit amet mollis. Cras euismod lorem non justo rhoncus, ut euismod urna egestas. Etiam luctus id lacus ut eleifend. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Cras eget lectus at lacus hendrerit gravida non vitae ipsum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed finibus tincidunt porta. Phasellus fringilla pulvinar pharetra. Praesent tristique mauris metus, vitae pellentesque est vestibulum id. Phasellus vitae nisi in nibh vehicula varius id hendrerit erat. Mauris tempus lorem eu nulla viverra facilisis. Phasellus posuere dui nunc, sit amet consectetur lacus scelerisque maximus.
<img src="https://i.imgur.com/RMH7G49.png">
<img src="https://i.imgur.com/QkjB9Bw.png">
</div>
</div>
</div>
@@ -56,10 +68,23 @@
<img src="static/images/icon/information.svg" class="sidebar-img" alt="Donate">
<h3>Information</h3>
</div>
<p>1,292,112 Downloads</p>
<p>Created on 4/20/2020</p>
<p>Updated on 5/4/2020</p>
<p>2390 Followers</p>
<div class="mod-info-entry">
<img src="static/images/icon/download.svg" alt="Downloads" >
<p>1,292,112</p>
</div>
<div class="mod-info-entry">
<img src="static/images/icon/followers.svg" alt="Downloads" >
<p>2391</p>
</div>
<div class="mod-info-entry">
<img src="static/images/icon/created.svg" alt="Downloads" >
<p>1,292,112</p>
</div>
<div class="mod-info-entry">
<img src="static/images/icon/updated.svg" alt="Downloads" >
<p>5/4/2020</p>
</div>
</div>
<div class="sidebar-line"></div>
@@ -82,17 +107,34 @@
<div class="sidebar-line"></div>
<div class="categories-info sidebar-entry">
<h3>Categories</h3>
<div class="sidebar-info">
<img src="static/images/icon/category.svg" class="sidebar-img" alt="Donate">
<h3>Categories</h3>
</div>
<div class="categories">
<img alt="adventure" src="static/images/icon/adventure.svg"/>
<img alt="magic" src="static/images/icon/magic.svg"/>
<img alt="library" src="static/images/icon/library.svg" class="result-image"/>
</div>
</div>
<div class="sidebar-line"></div>
<div class="member-info sidebar-entry">
<h3>Contributors</h3>
<div class="sidebar-info">
<img src="static/images/icon/contributor.svg" class="sidebar-img" alt="Donate">
<h3>Contributors</h3>
</div>
<div class="contributor-card rounded-border gray-border">
<img src="static/images/icon/cursed.png" alt="">
<div class="contributor-card-text">
<a href="">Username</a>
<small>Role</small>
</div>
</div>
</div>
<div class="sidebar-line"></div>
</div>
</div>
</body>
</html>