-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
4 changed files
with
201 additions
and
5 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,38 @@ | ||
--- | ||
slug: toolbox-dev/releases/v1.1.0 | ||
title: Toolbox Dev v1.1.0 | ||
description: Toolbox Dev is desktop app for developers. | ||
authors: [m-falcon] | ||
tags: [toolbox-dev] | ||
keywords: [toolbox-dev, toolbox] | ||
--- | ||
|
||
import Hotjar from "../../src/components/UserFeedback/Hotjar"; | ||
import ImageButton from "../../src/components/ButtonFeatures/imageButton2"; | ||
|
||
## What's Toolbox Dev? | ||
> **_Just 5 minutes, get ready for installer tool._** | ||
Toolbox Dev can simplify the process of setting up a development environment by clicking the installation. | ||
|
||
## Install now! | ||
|
||
<ImageButton/> | ||
|
||
> _Please wait Linux, MacOS x64(Intel Mac) version._ | ||
## Demo | ||
 | ||
|
||
|
||
## When & Where to use? | ||
Dev-toolbox helps you set up installers for example, as shown below. | ||
- PC room | ||
- Classroom of University, college, academy | ||
- On the new desktop | ||
- After formatting the disk drive | ||
|
||
:::tip | ||
In addition, it can be used in many spaces where the file system is initialized. <br></br> | ||
Don't visit the website! Just use this and remove the need to find files specific to your operating system and architecture! | ||
::: |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,158 @@ | ||
import React from 'react' | ||
import styled, { keyframes } from 'styled-components' | ||
|
||
// { require("/applications/Toolbox_Dev.dmg").default | ||
const ImageButton = () => { | ||
return ( | ||
<Div> | ||
<DownSpan target="_blank" href='https://github.com/milkcoke/toolbox-gui/releases/download/v1.1.0/Toolbox-Windows-x64.exe' className='download'> | ||
<svg | ||
width='1000px' | ||
height='1000px' | ||
viewBox='0 0 512 499.81' | ||
version='1.1' | ||
id='windows' | ||
> | ||
<path d='M0,67.048l207.238-27.137v197.803H0V67.048z M207.238,459.904L0,432.762V262.096h207.238V459.904z M512,0v237.714H231.619 v-201L512,0z M512,499.81l-280.381-36.714v-201H512V499.81z'></path> | ||
</svg> | ||
<span style={{ fontWeight: 'bold'}}>Windows</span> | ||
<span>(x64)</span> | ||
</DownSpan> | ||
|
||
<DownSpan target="_blank" href="https://github.com/milkcoke/toolbox-gui/releases/download/v1.1.0/Toolbox-osx-arm64.dmg" className='download'> | ||
<svg | ||
width='1100px' | ||
height='1100px' | ||
viewBox='0 0 40 48' | ||
version='1.1' | ||
id='macOS' | ||
> | ||
<path d='M33.3732057,25.4546901 C33.3112919,19.3876023 38.4333971,16.4779415 38.6622967,16.3333801 C35.7842105,12.2154854 31.3010526,11.6513684 29.7033493,11.586152 C25.8879426,11.2084211 22.2585646,13.7825497 20.3221053,13.7825497 C18.390622,13.7825497 15.4025837,11.6420117 12.2382775,11.6982456 C8.07961722,11.7586901 4.24507177,14.0625965 2.10373206,17.7043275 C-2.21712919,25.0352281 0.99722488,35.8957661 5.20851675,41.8413099 C7.26631579,44.751345 9.72009569,48.0203041 12.9418182,47.9035322 C16.0443062,47.7824561 17.217512,45.9405848 20.9685167,45.9405848 C24.7195215,45.9405848 25.7736842,47.9035322 29.0571292,47.8432749 C32.3955981,47.7826433 34.5108134,44.8772865 36.5543541,41.9580819 C38.917512,38.5818012 39.8905263,35.3130292 39.9478469,35.1451696 C39.8736842,35.1121404 33.4377033,32.7013801 33.3732057,25.4546901 L33.3732057,25.4546901 Z'></path> | ||
<path d='M27.2041148,7.65015205 C28.9139713,5.6217076 30.068134,2.80748538 29.7533014,0 C27.2902392,0.0980584795 24.3045933,1.60421053 22.537512,3.62807018 C20.9517703,5.4234386 19.5639234,8.28893567 19.9357895,11.0402807 C22.6854545,11.250152 25.4922488,9.6740117 27.2041148,7.65015205 L27.2041148,7.65015205 Z'></path> | ||
</svg> | ||
<span style={{ fontWeight: 'bold'}}>macOS</span> | ||
<span>(arm64)</span> | ||
</DownSpan> | ||
|
||
|
||
{/*<DownSpan href='#' className='download'>*/} | ||
{/* <svg*/} | ||
{/* width='700px'*/} | ||
{/* height='700px'*/} | ||
{/* viewBox='0 0 1000 1000'*/} | ||
{/* version='1.1'*/} | ||
{/* id='linux'*/} | ||
{/* >*/} | ||
{/* <path d='M369.954 229.402q-6.138 .558 -8.649 5.859t-4.743 5.301q-2.79 .558 -2.79 -2.79 0 -6.696 10.602 -8.37h5.58zm48.546 7.812q-2.232 .558 -6.417 -3.627t-9.765 -2.511q13.392 -6.138 17.856 1.116 1.674 3.348 -1.674 5.022zm-195.858 238.266q-2.232 -.558 -3.348 1.674t-2.511 6.975 -3.069 7.533 -5.58 7.254q-3.906 5.58 -.558 6.696 2.232 .558 6.975 -3.906t6.975 -10.044q.558 -1.674 1.116 -3.906t1.116 -3.348 .837 -2.511 .279 -2.232v-1.674t-.558 -1.395 -1.674 -1.116zm477.09 200.322q0 -10.044 -30.69 -23.436 2.232 -8.37 4.185 -15.345t2.79 -14.508 1.674 -11.997 .279 -12.555 -.558 -10.881 -1.953 -12.276 -2.232 -11.439 -2.79 -13.95 -3.069 -14.787q-5.58 -26.784 -26.226 -57.474t-40.176 -41.85q13.392 11.16 31.806 46.314 48.546 90.396 30.132 155.124 -6.138 22.32 -27.9 23.436 -17.298 2.232 -21.483 -10.323t-4.464 -46.593 -6.417 -59.706q-5.022 -21.762 -10.881 -38.502t-10.881 -25.389 -8.649 -13.671 -7.254 -8.37 -4.185 -3.906q-7.812 -34.596 -17.298 -57.474t-16.461 -31.248 -13.113 -18.414 -8.37 -22.32q-2.232 -11.718 3.348 -29.853t2.511 -27.621 -24.831 -13.95q-8.37 -1.674 -24.831 -10.044t-19.809 -8.928q-4.464 -.558 -6.138 -14.508t4.464 -28.458 20.088 -15.066q20.646 -1.674 28.458 16.74t2.232 32.364q-6.138 10.602 -1.116 14.787t16.74 .279q7.254 -2.232 7.254 -20.088v-20.646q-2.79 -16.74 -7.533 -27.9t-11.718 -17.019 -13.113 -8.37 -15.066 -4.185q-59.706 4.464 -49.662 74.772 0 8.37 -.558 8.37 -5.022 -5.022 -16.461 -5.859t-18.414 .279 -8.649 -2.79q.558 -31.806 -8.928 -50.22t-25.11 -18.972q-15.066 -.558 -23.157 15.345t-9.207 33.201q-.558 8.37 1.953 20.646t7.254 20.925 8.649 7.533q5.58 -1.674 8.928 -7.812 2.232 -5.022 -3.906 -4.464 -3.906 0 -8.649 -8.091t-5.301 -18.693q-.558 -12.276 5.022 -20.646t18.972 -7.812q9.486 0 15.066 11.718t5.301 21.762 -.837 12.276q-12.276 8.37 -17.298 16.182 -4.464 6.696 -15.345 13.113t-11.439 6.975q-7.254 7.812 -8.649 15.066t4.185 10.044q7.812 4.464 13.95 10.881t8.928 10.602 10.323 7.254 19.809 3.627q26.226 1.116 56.916 -8.37 1.116 -.558 12.834 -3.906t19.251 -5.859 16.461 -7.254 11.718 -9.765q5.022 -7.812 11.16 -4.464 2.79 1.674 3.627 4.743t-1.674 6.696 -9.207 5.301q-11.16 3.348 -31.527 11.997t-25.389 10.881q-24.552 10.602 -39.06 12.834 -13.95 2.79 -44.082 -1.116 -5.58 -1.116 -5.022 1.116t9.486 10.602q13.95 12.834 37.386 12.276 9.486 -.558 20.088 -3.906t20.088 -7.812 18.693 -9.765 16.74 -9.486 13.671 -6.696 9.765 -1.395 4.743 6.138q0 1.116 -.558 2.511t-2.232 2.79 -3.348 2.511 -4.743 2.79 -5.022 2.511 -5.58 2.79 -5.301 2.511q-15.624 7.812 -37.665 24.552t-37.107 23.994 -27.342 .558q-11.718 -6.138 -35.154 -40.734 -12.276 -17.298 -13.95 -12.276 -.558 1.674 -.558 5.58 0 13.95 -8.37 31.527t-16.461 30.969 -11.718 32.364 6.417 35.154q-12.834 3.348 -34.875 50.22t-26.505 78.678q-1.116 10.044 -.837 38.502t-3.069 32.922q-4.464 13.392 -16.182 1.674 -17.856 -17.298 -20.088 -52.452 -1.116 -15.624 2.232 -31.248 2.232 -10.602 -.558 -10.044l-2.232 2.79q-20.088 36.27 5.58 92.628 2.79 6.696 13.95 15.624t13.392 11.16q11.16 12.834 58.032 50.499t51.894 42.687q8.928 8.37 9.765 21.204t-7.812 23.994 -25.389 12.834q4.464 8.37 16.182 24.831t15.624 30.132 3.906 39.339q25.668 -13.392 3.906 -51.336 -2.232 -4.464 -5.859 -8.928t-5.301 -6.696 -1.116 -3.348q1.674 -2.79 7.254 -5.301t11.16 1.395q25.668 29.016 92.628 20.088 74.214 -8.37 98.766 -48.546 12.834 -21.204 18.972 -16.74 6.696 3.348 5.58 29.016 -.558 13.95 -12.834 51.336 -5.022 12.834 -3.348 20.925t13.392 8.649q1.674 -10.602 8.091 -42.966t7.533 -50.22q1.116 -11.718 -3.627 -41.013t-4.185 -54.126 12.834 -39.339q8.37 -10.044 28.458 -10.044 .558 -20.646 19.251 -29.574t40.455 -5.859 33.48 12.555zm-350.424 -461.466q1.674 -9.486 -1.395 -16.74t-6.417 -8.37q-5.022 -1.116 -5.022 3.906 1.116 2.79 2.79 3.348 5.58 0 3.906 8.37 -1.674 11.16 4.464 11.16 1.674 0 1.674 -1.674zm233.802 109.926q-1.116 -4.464 -3.627 -6.417t-7.254 -2.79 -8.091 -3.069q-2.79 -1.674 -5.301 -4.464t-3.906 -4.464 -3.069 -3.627 -2.232 -2.232 -2.232 .837q-7.812 8.928 3.906 24.273t21.762 17.577q5.022 .558 8.091 -4.464t1.953 -11.16zm-99.324 -118.854q0 -6.138 -2.79 -10.881t-6.138 -6.975 -5.022 -1.674q-7.812 .558 -3.906 3.906l2.232 1.116q7.812 2.232 10.044 17.298 0 1.674 4.464 -1.116zm30.132 -130.014q0 -1.116 -1.395 -2.79t-5.022 -3.906 -5.301 -3.348q-8.37 -8.37 -13.392 -8.37 -5.022 .558 -6.417 4.185t-.558 7.254 -.279 6.975q-.558 2.232 -3.348 5.859t-3.348 5.022 1.674 4.743q2.232 1.674 4.464 0t6.138 -5.022 8.37 -5.022q.558 -.558 5.022 -.558t8.37 -1.116 5.022 -3.906zm315.27 748.278q11.16 6.696 17.298 13.671t6.696 13.392 -1.395 12.555 -8.649 12.276 -13.113 10.881 -16.74 10.323 -17.577 9.207 -17.856 8.649 -15.066 7.254q-21.204 10.602 -47.709 31.248t-42.129 35.712q-9.486 8.928 -37.944 10.881t-49.662 -8.091q-10.044 -5.022 -16.461 -13.113t-9.207 -14.229 -12.276 -10.881 -26.226 -5.301q-24.552 -.558 -72.54 -.558 -10.602 0 -31.806 .837t-32.364 1.395q-24.552 .558 -44.361 8.37t-29.853 16.74 -24.273 15.903 -29.853 6.417q-16.182 -.558 -61.938 -17.298t-81.468 -23.994q-10.602 -2.232 -28.458 -5.301t-27.9 -5.022 -22.041 -5.301 -18.693 -8.091 -9.486 -10.881q-5.58 -12.834 3.906 -37.107t10.044 -30.411q.558 -8.928 -2.232 -22.32t-5.58 -23.715 -2.511 -20.367 5.859 -15.066q7.812 -6.696 31.806 -7.812t33.48 -6.696q16.74 -10.044 23.436 -19.53t6.696 -28.458q11.718 40.734 -17.856 59.148 -17.856 11.16 -46.314 8.37 -18.972 -1.674 -23.994 5.58 -7.254 8.37 2.79 31.806 1.116 3.348 4.464 10.044t4.743 10.044 2.511 9.486 .558 12.276q0 8.37 -9.486 27.342t-7.812 26.784q1.674 9.486 20.646 14.508 11.16 3.348 47.151 10.323t55.521 11.439q13.392 3.348 41.292 12.276t46.035 12.834 30.969 2.232q23.994 -3.348 35.991 -15.624t12.834 -26.784 -4.185 -32.643 -10.602 -29.016 -11.16 -20.367q-67.518 -106.02 -94.302 -135.036 -37.944 -41.292 -63.054 -22.32 -6.138 5.022 -8.37 -8.37 -1.674 -8.928 -1.116 -21.204 .558 -16.182 5.58 -29.016t13.392 -26.226 12.276 -23.436q4.464 -11.718 14.787 -40.176t16.461 -43.524 16.74 -34.038 21.762 -30.132q61.38 -79.794 69.192 -108.81 -6.696 -62.496 -8.928 -172.98 -1.116 -50.22 13.392 -84.537t59.148 -58.311q21.762 -11.718 58.032 -11.718 29.574 -.558 59.148 7.533t49.662 23.157q31.806 23.436 51.057 67.797t16.461 82.305q-2.79 53.01 16.74 119.412 18.972 63.054 74.214 121.644 30.69 32.922 55.521 90.954t33.201 106.578q4.464 27.342 2.79 47.151t-6.696 30.969 -11.16 12.276q-5.58 1.116 -13.113 10.602t-15.066 19.809 -22.599 18.693 -34.038 7.812q-10.044 -.558 -17.577 -2.79t-12.555 -7.533 -7.533 -8.649 -6.417 -11.439 -5.022 -10.881q-12.276 -20.646 -22.878 -16.74t-15.624 27.342 3.906 54.126q11.16 39.06 .558 108.81 -5.58 36.27 10.044 56.079t40.734 18.414 47.43 -19.809q32.922 -27.342 49.941 -37.107t57.753 -23.715q29.574 -10.044 42.966 -20.367t10.323 -19.251 -13.95 -15.903 -28.737 -13.113q-18.414 -6.138 -27.621 -26.784t-8.37 -40.455 8.649 -26.505q.558 17.298 4.464 31.527t8.091 22.599 11.439 15.903 11.718 10.602 11.997 7.254 9.207 5.301z'></path>*/} | ||
{/* </svg>*/} | ||
{/* <span style={{ fontWeight: 'bold'}}>Linux</span>*/} | ||
{/*</DownSpan>*/} | ||
</Div> | ||
); | ||
}; | ||
|
||
export default ImageButton; | ||
|
||
const downloadBounce = keyframes` | ||
to { | ||
transform: translateY(0px) rotate(50deg); | ||
} | ||
`; | ||
|
||
const downloadBounce2 = keyframes` | ||
to { | ||
transform: translateY(0px) rotate(-50deg); | ||
} | ||
`; | ||
|
||
const Div = styled.div` | ||
//background: #d6dce4; | ||
text-align: center; | ||
padding: 2em 0; | ||
//font-family: 'Open Sans', sans-serif; | ||
-webkit-font-smoothing: antialiased; | ||
`; | ||
|
||
const DownSpan = styled.a` | ||
/* text-decoration: none; */ | ||
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); | ||
overflow: hidden; | ||
border-radius: 5px; | ||
box-sizing: border-box; | ||
background: var(--ifm-color-primary); | ||
border: 1px solid var(--ifm-color-primary-darkest); | ||
color: white; | ||
padding: 26px 0 26px 28px; | ||
width: 300px; | ||
display: inline-block; | ||
position: relative; | ||
transition: all 500ms ease; | ||
margin-right: 20px; | ||
span { | ||
display: block; | ||
position: relative; | ||
z-index: 1; | ||
transform: translate(0, 0); | ||
&:after, | ||
&:before { | ||
content: ''; | ||
width: 1px; | ||
height: 16px; | ||
background: var(--ifm-color-primary); | ||
opacity: 0; | ||
position: absolute; | ||
left: 50%; | ||
top: 100%; | ||
transition: all 10ms ease-out; | ||
transform-origin: center bottom; | ||
transform: translateY(0) rotate(0deg); | ||
animation: (0); | ||
} | ||
} | ||
svg { | ||
z-index: 0; | ||
fill: rgba(255, 255, 255, 1); | ||
position: absolute; | ||
left: 20%; | ||
top: 50%; | ||
transform: translate(-50%, -50%) rotate(0deg) scale(0.04857); | ||
transition: all 400ms ease-out; | ||
} | ||
#linux { | ||
transform: translate(-50%, -50%) rotate(0deg) scale(0.05857); | ||
} | ||
&:hover { | ||
padding: 26px 0; | ||
color: var(--ifm-color-primary); | ||
svg { | ||
left: 50%; | ||
transform: translate(-50%, -50%) rotate(60deg) scale(1); | ||
} | ||
svg#macOS { | ||
transform: translate(-50%, -0%) rotate(60deg) scale(2); | ||
} | ||
svg#windows { | ||
transform: translate(-50%, -10%) rotate(60deg) scale(1); | ||
} | ||
svg#linux { | ||
transform: translate(-120%, -125%) rotate(60deg) scale(6); | ||
} | ||
span { | ||
transform: translate(0, -10px) scale(1.1); | ||
transition: transform 400ms ease-out 400ms; | ||
&:after, | ||
&:before { | ||
opacity: 1; | ||
transition: all 400ms ease-out 400ms, transform 300ms ease-in 100ms; | ||
} | ||
&:after { | ||
transform: translateY(7px) rotate(50deg); | ||
animation: ${downloadBounce} 800ms linear alternate infinite; | ||
} | ||
&:before { | ||
transform: translateY(7px) rotate(-50deg); | ||
animation: ${downloadBounce2} 800ms linear alternate infinite; | ||
} | ||
} | ||
} | ||
`; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters