Skip to content

Commit

Permalink
Quick fix to SoaS page (#514)
Browse files Browse the repository at this point in the history 
Co-authored-by: Devin Ulibarri <[email protected]>
  • Loading branch information
@pikurasa
pikurasa and Devin Ulibarri authored Oct 22, 2024
1 parent ed3b89b commit 0d1ac65
Showing 1 changed file with 102 additions and 130 deletions.
232 changes: 102 additions & 130 deletions booting-soas.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,178 +29,150 @@ <h2>Boot Sugar On A Stick</h2>

<!-- "Booting SOAS" section -->
<section id="intro" class="customMarPadCombo2">
<div class="container">
<div class="section-title">
<h3 class="text-center customMargin1" >FOLLOW THE STEPS BELOW...</h3>
</div>
<div class="row">
<div class="col-md-12" >
<div class="row justify-content-center">
<div class="col-md-8 col-md-push-2">
<div class="testimonial-carousel">
<div id="testimonial-slider1" class="owl-carousel">
<div>
<img id="imgrflt" src="{{ site.baseurl }}/assets/soas2.jpg" alt="Step 1 screenshot" class="customImageStyle">
<h3 class="text-center">STEP 1: Sugar on a Stick</h3>
<p> To boot sugar labs OS on your computer, you will need a bootable sugar on stick set-up already.
<br>
To see how to set it up, visit the <a href="https://wiki.sugarlabs.org/go/Sugar_on_a_Stick/Installation" target="_blank" class="hrefCustomColor">wiki</a>.</p>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="section-title">
<h3 class="text-center customMargin1" >FOLLOW THE STEPS BELOW...</h3>
</div>
<div class="row">
<div class="col-md-12" >
<div class="row justify-content-center">
<div class="col-md-8 col-md-push-2">
<div>
<img id="imgrflt" src="{{ site.baseurl }}/assets/soas2.jpg" alt="Step 1 screenshot" class="customImageStyle">
<h3 class="text-center">STEP 1: Sugar on a Stick</h3>
<p> To boot sugar labs OS on your computer, you will need a bootable sugar on stick set-up already.
<br>
To see how to set it up, visit the <a href="https://wiki.sugarlabs.org/go/Sugar_on_a_Stick/Installation" target="_blank" class="hrefCustomColor">wiki</a>.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

<!-- "Booting SOAS" section -->
<section id="intro" class="customMarPadCombo1">
<div class="container">
<div class="row">
<div class="col-md-12" >
<div class="row justify-content-center">
<div class="col-md-8 col-md-push-2">
<div class="testimonial-carousel">
<div id="testimonial-slider2" class="owl-carousel">
<div>
<img id="imgrflt" src="{{ site.baseurl }}/assets/boot1.jpg" alt="Step 2 screenshot" class="customImageStyle">
<h3 class="text-center">STEP 2: Plug it In</h3>
<p> Once you have your sugar stick, plug it in to a USB port on your computer.
<br>
The picture on the right will show you what it should look like.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12" >
<div class="row justify-content-center">
<div class="col-md-8 col-md-push-2">
<div>
<img id="imgrflt" src="{{ site.baseurl }}/assets/boot1.jpg" alt="Step 2 screenshot" class="customImageStyle">
<h3 class="text-center">STEP 2: Plug it In</h3>
<p> Once you have your sugar stick, plug it in to a USB port on your computer.
<br>
The picture on the right will show you what it should look like.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

<!-- "Booting SOAS" section -->
<section id="intro" class="customMarPadCombo1">
<div class="container">
<div class="row">
<div class="col-md-12" >
<div class="row justify-content-center">
<div class="col-md-8 col-md-push-2">
<div class="testimonial-carousel">
<div id="testimonial-slider3" class="owl-carousel">
<div>
<img id="imgrflt" src="{{ site.baseurl }}/assets/boot2.jpg" alt="Step 3 screenshot" class="customImageStyle">
<h3 class="text-center">STEP 3: Boot Device Select <nobold>(Windows)</nobold></h3>
<p>To boot from the USB, you will need to press "Shift" while clicking "restart" as shown in the picture.
<br>
This will take you into an advanced boot tab.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12" >
<div class="row justify-content-center">
<div class="col-md-8 col-md-push-2">
<div>
<img id="imgrflt" src="{{ site.baseurl }}/assets/boot2.jpg" alt="Step 3 screenshot" class="customImageStyle">
<h3 class="text-center">STEP 3: Boot Device Select <nobold>(Windows)</nobold></h3>
<p>To boot from the USB, you will need to press "Shift" while clicking "restart" as shown in the picture.
<br>
This will take you into an advanced boot tab.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

<!-- "Booting SOAS" section -->
<section id="intro" class="customMarPadCombo1">
<div class="container">
<div class="row">
<div class="col-md-12" >
<div class="row justify-content-center">
<div class="col-md-8 col-md-push-2">
<div class="testimonial-carousel">
<div id="testimonial-slider4" class="owl-carousel">
<div>
<img id="imgrflt" src="{{ site.baseurl }}/assets/boot3.jpg" alt="Step 4 screenshot" class="customImageStyle">
<h3 class="text-center">STEP 4: Select Boot from USB <nobold>(Windows)</nobold></h3>
<p>Once you are in the advanced boot tab, select "Use a Device".</p>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12" >
<div class="row justify-content-center">
<div class="col-md-8 col-md-push-2">
<div>
<img id="imgrflt" src="{{ site.baseurl }}/assets/boot3.jpg" alt="Step 4 screenshot" class="customImageStyle">
<h3 class="text-center">STEP 4: Select Boot from USB <nobold>(Windows)</nobold></h3>
<p>Once you are in the advanced boot tab, select "Use a Device".</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

<!-- "Booting SOAS" section -->
<section id="intro" class="customMarPadCombo1">
<div class="container">
<div class="row">
<div class="col-md-12" >
<div class="row justify-content-center">
<div class="col-md-8 col-md-push-2">
<div class="testimonial-carousel">
<div id="testimonial-slider5" class="owl-carousel">
<div>
<img id="imgrflt" src="{{ site.baseurl }}/assets/boot4.jpg" alt="Step 5 screenshot" class="customImageStyle">
<h3 class="text-center">STEP 5: Select USB <nobold>(Windows)</nobold></h3>
<p>Now select your USB drive to boot into Sugar OS.</p>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12" >
<div class="row justify-content-center">
<div class="col-md-8 col-md-push-2">
<div>
<img id="imgrflt" src="{{ site.baseurl }}/assets/boot4.jpg" alt="Step 5 screenshot" class="customImageStyle">
<h3 class="text-center">STEP 5: Select USB <nobold>(Windows)</nobold></h3>
<p>Now select your USB drive to boot into Sugar OS.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

<!-- "Booting SOAS" section -->
<section id="intro" class="customMarPadCombo1">
<div class="container">
<div class="row">
<div class="col-md-12" >
<div class="row justify-content-center">
<div class="col-md-8 col-md-push-2">
<div class="testimonial-carousel">
<div id="testimonial-slider6" class="owl-carousel">
<div>
<img id="imgrflt" src="{{ site.baseurl }}/assets/boot5.jpg" alt="Step 6 screenshot" class="customImageStyle">
<h3 class="text-center">STEP 6: Boot Sugar <nobold>(Traditional Boot)</nobold></h3>
<p> This is an alternative method for non-Windows computers. Start your computer by pressing the power button, then press F9 continously to select boot order.
<br>
The function key may differ from computer to computer, but when in doubt, press ESC, F9, F12 together continously until you get redirected to the BIOS or a boot selection menu.
<br>
Usually the name will have the model name of your USB stick, once it is selected with arrow keys, press enter to boot up Sugar.</p>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12" >
<div class="row justify-content-center">
<div class="col-md-8 col-md-push-2">
<div>
<img id="imgrflt" src="{{ site.baseurl }}/assets/boot5.jpg" alt="Step 6 screenshot" class="customImageStyle">
<h3 class="text-center">STEP 6: Boot Sugar <nobold>(Traditional Boot)</nobold></h3>
<p> This is an alternative method for non-Windows computers. Start your computer by pressing the power button, then press F9 continously to select boot order.
<br>
The function key may differ from computer to computer, but when in doubt, press ESC, F9, F12 together continously until you get redirected to the BIOS or a boot selection menu.
<br>
Usually the name will have the model name of your USB stick, once it is selected with arrow keys, press enter to boot up Sugar.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

<!-- "Booting SOAS" section -->
<section id="intro" class="customMarPadCombo1">
<div class="container">
<div class="row">
<div class="col-md-12" >
<div class="row justify-content-center">
<div class="col-md-8 col-md-push-2">
<div class="testimonial-carousel">
<div id="testimonial-slider7" class="owl-carousel">
<div>
<img id="imgrflt" src="{{ site.baseurl }}/assets/browse-palette-ss.png" alt="Step 7 screenshot" class="customImageStyle">
<h3 class="text-center">STEP 7: Enjoy Sugar on a Stick</h3>
<p>Once you selected to boot from your Sugar USB, you should be directed into the Sugar OS interface.</p>
<br>
If you have problems during the boot process, you can ask for help on the Sugar Labs <a href="https://matrix.to/#/#sugar:matrix.org" target="_blank" class="hrefCustomColor">matrix room</a>.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12" >
<div class="row justify-content-center">
<div class="col-md-8 col-md-push-2">
<div>
<img id="imgrflt" src="{{ site.baseurl }}/assets/browse-palette-ss.png" alt="Step 7 screenshot" class="customImageStyle">
<h3 class="text-center">STEP 7: Enjoy Sugar on a Stick</h3>
<p>Once you selected to boot from your Sugar USB, you should be directed into the Sugar OS interface.</p>
<br>
<p>If you have problems during the boot process, you can ask for help on the Sugar Labs <a href="https://matrix.to/#/#sugar:matrix.org" target="_blank" class="hrefCustomColor">matrix room</a>.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

<!-- "Return to main page" button section -->
Expand Down

0 comments on commit 0d1ac65

Please sign in to comment.