No edit summary Tag: 2017 source edit |
No edit summary Tag: 2017 source edit |
||
| (23 intermediate revisions by 4 users not shown) | |||
| Line 1: | Line 1: | ||
<message>Write the content here to display this box</message> | |||
<html> | <html> | ||
<style> | <style> | ||
#flexContainer >*:first-child { | |||
display: none; | |||
} | |||
#mainContent { | |||
padding: 0px !important; | |||
max-width: unset !important; | |||
} | |||
.mw-parser-output > *:first-child { | |||
display: none; | |||
} | |||
@media (max-width: 767px) { | @media (max-width: 767px) { | ||
.content { | .content { | ||
max-width: none; | max-width: none; | ||
} | } | ||
| Line 39: | Line 53: | ||
transform: translateY(-5px); | transform: translateY(-5px); | ||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); | ||
cursor: pointer; | |||
} | } | ||
| Line 50: | Line 65: | ||
<div class="content" style="padding: 5em; max-width: 589px; width: 100%; display: flex; flex-direction: column; gap: 10px; box-sizing: border-box;"> | <div class="content" style="padding: 5em; max-width: 589px; width: 100%; display: flex; flex-direction: column; gap: 10px; box-sizing: border-box;"> | ||
<div class="heading" style="color: #182933; font-size: 2.25em; font-weight: 700; text-transform: uppercase; word-wrap: break-word;">MDriven Learn</div> | <div class="heading" style="color: #182933; font-size: 2.25em; font-weight: 700; text-transform: uppercase; word-wrap: break-word;">MDriven Learn</div> | ||
<div class="sub-heading" style="color: #182933; font-size: 1.25em; font-weight: 500; letter-spacing: 0.40px; word-wrap: break-word;">Learn. Model. Build</div> | <div class="sub-heading" style="color: #182933; font-size: 1.25em; font-weight: 500; letter-spacing: 0.40px; word-wrap: break-word;">Learn. Model. Build.</div> | ||
<div class="description" style="color: black; font-size: 1em; font-weight: 400; word-wrap: break-word;">Visualize and design your ideas. Discover more with MDriven documentation, hands-on training, and ready-made models to get the most from MDriven's tools and services.</div> | <div class="description" style="color: black; font-size: 1em; font-weight: 400; word-wrap: break-word;">Visualize and design your ideas. Discover more with MDriven documentation, hands-on training, and ready-made models to get the most from MDriven's tools and services.</div> | ||
<div class="input-container" style="width: 100%; height: 2.25em; position: relative; display: flex; align-items: center; background: white; border-radius: 4px; border: 1px #E3E8EE solid;"> | <div class="input-container" style="width: 100%; height: 2.25em; position: relative; display: flex; align-items: center; background: white; border-radius: 4px; border: 1px #E3E8EE solid;"> | ||
<div class="search-icon" style="margin-left: 10px;"> | |||
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> | |||
<path d="M13 13L9 9L13 13ZM10.3333 5.66667C10.3333 8.244 8.244 10.3333 5.66667 10.3333C3.08934 10.3333 1 8.244 1 5.66667C1 3.08934 3.08934 1 5.66667 1C8.244 1 10.3333 3.08934 10.3333 5.66667Z" stroke="#999B9E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> | |||
</svg> | |||
</div> | </div> | ||
<!-- Updated form to use Special:CustomSearch --> | |||
<form id="custom-search-box" class="form-inline" action="/index.php" method="GET" role="search" style="width:100%;"> | |||
<!-- Updated hidden input to use CustomSearch --> | |||
<input type="hidden" name="title" value="Special:CustomSearch"> | |||
<!-- New search input field for suggestions --> | |||
<input | |||
id="customsearchs-input" | |||
class="search-inputs" | |||
type="text" | |||
placeholder="Search MDriven Learn" | |||
style="flex-grow: 1; border: none; outline: none; padding-left: 10px;" | |||
name="q" | |||
autocomplete="off" | |||
> | |||
<div id="suggestion-container"></div> | |||
</form> | |||
</div> | |||
</div> | </div> | ||
<div class="image-container" style="flex-shrink: 0; position: absolute; right: 0; top: | <div class="image-container" style="flex-shrink: 0; position: absolute; right: 0; top: 3%; z-index: 1;"> | ||
<img src="/images/mainpage.svg" alt="Image" style="max-width: 100%; height: | <img src="/images/mainpage.svg" alt="Image" style="max-width: 100%; height: 430px; padding-right: 8em;"> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 88: | Line 115: | ||
</style> | </style> | ||
<div style="display: grid; padding: | <div style="display: grid; padding: 5em; grid-template-columns: repeat(3, 1fr); gap: 20px; grid-auto-rows: minmax(100px, auto);" class="grid-container"> | ||
</html> | </html> | ||
{{#widget:Card|heading=Documentation|display=block|imageIcon=/images/main2.svg|subheading=Find technical documentation|text=Gain understanding through in-depth explanations of the concepts behind the MDriven tools.|link=/index.php/Documentation:Documentation|linktext=Read Documentation}} | {{#widget:Card|heading=Documentation|display=block|imageIcon=/images/main2.svg|subheading=Find technical documentation|text=Gain understanding through in-depth explanations of the concepts behind the MDriven tools.|link=/index.php/Documentation:Documentation|linktext=Read Documentation}} | ||
| Line 96: | Line 123: | ||
{{#widget:Card|heading=Best Practices|display=block|imageIcon=/images/main4.svg|subheading=Explore effective solutions|text=Our suggestions on how you can maximize the benefits of the MDriven tools to realize business solutions.|link=/index.php/BestPractices:Best_Practices|linktext=Try these Best Practices}} | {{#widget:Card|heading=Best Practices|display=block|imageIcon=/images/main4.svg|subheading=Explore effective solutions|text=Our suggestions on how you can maximize the benefits of the MDriven tools to realize business solutions.|link=/index.php/BestPractices:Best_Practices|linktext=Try these Best Practices}} | ||
<html> | <html> | ||
</div> | </div> | ||
</html> | </html> | ||
{{Edited|July|12|2024}} | {{Edited|July|12|2024}} | ||
{{Class|scroll}} | |||
Revision as of 13:29, 31 March 2025
MDriven Learn
Learn. Model. Build.
Visualize and design your ideas. Discover more with MDriven documentation, hands-on training, and ready-made models to get the most from MDriven's tools and services.
Documentation
Find technical documentation
Gain understanding through in-depth explanations of the concepts behind the MDriven tools.
Training
Learn by doing
Practical training and tutorials on MDriven designed to educate and inspire you to model your ideas.
Q&A
Ask questions and get help
Write to us your MDriven-related questions and receive quality answers and feedback.
Model Examples
Try model samples
Use our unique, pre-built models to build your ideas and achieve your goals.
Best Practices
Explore effective solutions
Our suggestions on how you can maximize the benefits of the MDriven tools to realize business solutions.