|
|
| Line 1: |
Line 1: |
| <div style="text-align: center; margin: 25px 0;">
| | == AIO Premade Profiles == |
| <div style="
| |
| display: inline-block;
| |
| padding: 16px 45px;
| |
| background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 50%, #6d28d9 100%);
| |
| border-radius: 14px;
| |
| border: none;
| |
| box-shadow:
| |
| 0 10px 30px rgba(139, 92, 246, 0.4),
| |
| 0 4px 12px rgba(124, 58, 237, 0.3),
| |
| inset 0 1px 0 rgba(255, 255, 255, 0.2);
| |
| position: relative;
| |
| overflow: hidden;
| |
| cursor: pointer;
| |
| transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
| |
| transform: translateY(0);
| |
| "
| |
| onmouseover="this.style.transform='translateY(-3px)';this.style.boxShadow='0 15px 35px rgba(139, 92, 246, 0.5), 0 6px 15px rgba(124, 58, 237, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3)';"
| |
| onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 10px 30px rgba(139, 92, 246, 0.4), 0 4px 12px rgba(124, 58, 237, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2)';"
| |
| >
| |
| <!-- Shimmer effect overlay -->
| |
| <div style="
| |
| position: absolute;
| |
| top: 0;
| |
| left: -100%;
| |
| width: 100%;
| |
| height: 100%;
| |
| background: linear-gradient(90deg,
| |
| transparent,
| |
| rgba(255, 255, 255, 0.2),
| |
| transparent
| |
| );
| |
| animation: buttonShimmer 2.5s infinite;
| |
| "></div>
| |
|
| |
|
| <!-- Inner glow effect -->
| | Premade profiles for [[GAIO]] are still in development. This page will fill out as builds get added. For now, here's how profiles work and how to suggest one. |
| <div style="
| |
| position: absolute;
| |
| top: 0;
| |
| left: 0;
| |
| right: 0;
| |
| bottom: 0;
| |
| border-radius: 14px;
| |
| box-shadow:
| |
| inset 0 0 30px rgba(255, 255, 255, 0.1),
| |
| inset 0 1px 0 rgba(255, 255, 255, 0.3);
| |
| pointer-events: none;
| |
| "></div>
| |
|
| |
|
| <!-- Main content container with purple gradient background -->
| | <div style="text-align:center; margin:16px 0;"> |
| <div style=" | | <span style="display:inline-block; border:1px solid #6d28d9; background:#1c1830; color:#d8d0f0; padding:8px 14px; border-radius:5px; font-size:13px;">Full page coming soon. Profiles for GAIO are in development.</span> |
| position: relative;
| |
| z-index: 2;
| |
| padding: 12px 20px;
| |
| background: linear-gradient(135deg,
| |
| rgba(139, 92, 246, 0.4) 0%,
| |
| rgba(124, 58, 237, 0.3) 50%,
| |
| rgba(109, 40, 217, 0.4) 100%
| |
| );
| |
| border-radius: 10px;
| |
| border: 1px solid rgba(255, 255, 255, 0.15);
| |
| box-shadow:
| |
| inset 0 1px 0 rgba(255, 255, 255, 0.2),
| |
| 0 4px 12px rgba(0, 0, 0, 0.1);
| |
| "> | |
| <!-- First text box --> | |
| <div style="
| |
| background: linear-gradient(135deg,
| |
| rgba(167, 139, 250, 0.7) 0%,
| |
| rgba(139, 92, 246, 0.8) 100%
| |
| );
| |
| padding: 10px 20px;
| |
| border-radius: 8px;
| |
| margin-bottom: 8px;
| |
| border: 1px solid rgba(255, 255, 255, 0.2);
| |
| box-shadow:
| |
| 0 4px 8px rgba(139, 92, 246, 0.3),
| |
| inset 0 1px 0 rgba(255, 255, 255, 0.3);
| |
| ">
| |
| <div style="
| |
| font-size: 1.5em;
| |
| font-weight: 800;
| |
| background: linear-gradient(180deg, #ffffff 0%, #f0f0ff 100%);
| |
| -webkit-background-clip: text;
| |
| background-clip: text;
| |
| color: transparent;
| |
| letter-spacing: 1px;
| |
| text-shadow: 0 2px 4px rgba(139, 92, 246, 0.3);
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| gap: 12px;
| |
| "> | |
| <span style="
| |
| font-size: 1.3em;
| |
| filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
| |
| animation: iconPulse 2s infinite;
| |
| "></span>
| |
| ✨FULL PAGE COMING SOON!✨
| |
| </div>
| |
| </div> | | </div> |
|
| |
|
| <!-- Second text box -->
| | === Using the profiles === |
| <div style="
| | # Click the profile's link in the '''Download''' column. |
| background: linear-gradient(135deg,
| | # Copy all of the text on the page it opens. |
| rgba(196, 181, 253, 0.6) 0%,
| | # Paste it into Notepad and save it as <code>Your_Profile_Name.json</code> in your GAIO directory (usually <code>C:\Users\YOU\DreamBot\Scripts</code>). |
| rgba(167, 139, 250, 0.7) 100%
| | # In GAIO, pick the profile from the dropdown and click '''Start'''. |
| );
| |
| padding: 8px 16px;
| |
| border-radius: 6px;
| |
| border: 1px solid rgba(255, 255, 255, 0.15);
| |
| box-shadow:
| |
| 0 3px 6px rgba(139, 92, 246, 0.2),
| |
| inset 0 1px 0 rgba(255, 255, 255, 0.2);
| |
| ">
| |
| <div style="
| |
| margin-top: 2px;
| |
| font-size: 0.9em;
| |
| font-weight: 600;
| |
| background: linear-gradient(180deg, #ffffff 0%, #e6e6ff 100%);
| |
| -webkit-background-clip: text;
| |
| background-clip: text;
| |
| color: transparent;
| |
| text-shadow: 0 1px 3px rgba(139, 92, 246, 0.3);
| |
| letter-spacing: 0.5px;
| |
| ">
| |
| Development in progress
| |
| </div> | |
| </div> | |
| </div>
| |
|
| |
|
| <!-- Corner accent dots -->
| | Always check the enabled quests and required stats before you start. |
| <div style="
| |
| position: absolute;
| |
| top: 8px;
| |
| right: 8px;
| |
| width: 6px;
| |
| height: 6px;
| |
| background: linear-gradient(135deg, #c4b5fd, #a78bfa);
| |
| border-radius: 50%;
| |
| box-shadow: 0 0 8px rgba(196, 181, 253, 0.8);
| |
| "></div>
| |
| <div style="
| |
| position: absolute;
| |
| bottom: 8px;
| |
| left: 8px;
| |
| width: 6px;
| |
| height: 6px;
| |
| background: linear-gradient(135deg, #c4b5fd, #a78bfa);
| |
| border-radius: 50%;
| |
| box-shadow: 0 0 8px rgba(196, 181, 253, 0.8);
| |
| "></div>
| |
| </div>
| |
| </div>
| |
|
| |
|
| <!-- Hidden animation definitions -->
| | === Suggest a profile === |
| <div style="display: none;">
| | Got an idea for a new build? Share it on our [https://discord.gg/gscripts Discord]. |
| /* Shimmer animation */
| |
| @keyframes buttonShimmer {
| |
| 0% { transform: translateX(-100%) skewX(-15deg); }
| |
| 100% { transform: translateX(200%) skewX(-15deg); }
| |
| }
| |
| | |
| /* Icon pulse animation */
| |
| @keyframes iconPulse {
| |
| 0%, 100% { transform: scale(1); opacity: 1; }
| |
| 50% { transform: scale(1.1); opacity: 0.9; }
| |
| }
| |
| </div>
| |
| | |
| {| class="wikitable" style="width: 90%; margin: 20px auto; background: linear-gradient(165deg, #121225 0%, #0a0a15 100%); color: #f0f2ff; border-radius: 16px; overflow: hidden; box-shadow: 0 15px 35px rgba(10, 20, 80, 0.2); border: 1px solid rgba(100, 150, 255, 0.15);"
| |
| |-
| |
| ! colspan="2" style="background: linear-gradient(95deg, #2a3b5f 0%, #3a4b7f 100%); border: none; color: #fff; padding: 18px; font-size: 1.3em; font-weight: 600; letter-spacing: 0.5px;" |
| |
| <span>📥 Quick Start Guide & Suggestions</span>
| |
| |-
| |
| | style="width: 60%; vertical-align: top; background: rgba(25, 35, 60, 0.4); border-right: 1px solid rgba(255, 255, 255, 0.05); padding: 20px; backdrop-filter: blur(3px);" |
| |
| '''Using the Profiles'''
| |
| <div style="color: #dde8ff; line-height: 1.6; font-size: 0.95em; margin-top: 10px;">
| |
| # '''Get File:''' Click the profile link in the "Download" column of the main table.
| |
| # '''Copy JSON:''' Select and copy '''all text''' from the following page.
| |
| # '''Save:''' Paste into Notepad and save as <code>Your_Profile_Name.json</code> in your GAIO directory. This is usually found in <code>C:\Users\YOU\DreamBot\Scripts</code>
| |
| # '''Run:''' In GAIO, select your profile from the dropdown menu and click '''Start'''.
| |
| </div>
| |
| | |
| <div style="margin-top: 15px; padding: 12px; background: rgba(40, 60, 90, 0.3); border-radius: 8px; border-left: 3px solid #ffcc44;">
| |
| <small style="color: #ccddff; font-style: italic;">💡 '''Tip:''' Always verify the enabled quests and required stats before starting.</small>
| |
| </div>
| |
| | style="width: 40%; vertical-align: middle; padding: 20px; text-align: center;" |
| |
| '''Suggest a Profile'''
| |
| <div style="margin: 15px 0; color: #ccccff; font-size: 0.95em;">
| |
| Have an idea for a new build? Share it on Discord!
| |
| </div>
| |
