JavaScript is disabled! Please enable JavaScript in your web browser!

Freestyle Academy of Communication Arts & Technology

1299 Bryant Ave, Mt. View, CA 94040 T 650-940-4680   F 650-961-1346
2 Required Classes: English and Design 3rd/Elective Class:  + Animation or Digital Media or Film
Freestyle Logo

Font Size




Digital Media

Digital Media Room

To watch a video about the class, turn off the music below if on and lick on the oval image above.

Instructor: Leo Florendo

Email: or

Voicemail: 650-940-7477

Optional Equipment

Digital Media 1 Prerequisites: None
Digital Media 2 Prerequisites
: Digital Media 1 highly recommended

Length: 1 year

Credits: 10 Units

UC/CSU: Yes "f"

Course Description:

Music produced by

This course provides a theoretical and applied academic foundation to use digital media in graphic and traditional art along with audio engineering. Students create and design HTML5, CSS3, JavaScript web pages, graphics, photo galleries, podcasts, spoken word recordings, music recordings, motion graphics, animatics, animations, and short videos as a basis for developing skills in visual communications. The class focuses on basic design, layout and construction, setup and maintenance of a web site. Students also create audio projects for developing skills in audio communication with basic audio recording techniques inside and outside the recording studio using industry recording tools. Course work is fully integrated with the other courses at Freestyle ACAT (Design and English). Software applications used in this class includes Adobe Dreamweaver, Animate, Photoshop, Illustrator, InDesign, After Effects, Google Apps, Propellerheads Reason, Avid Pro Tools, and Ableton Live. Students will also learn HTML5, the use of Cascading Style Sheets (CSS3), webfonts, image and optimization, audio and video implementation on the web, and jQuery JavaScript for web design.

Digital Media Room

Click on image for a larger version.

Optional Equipment

Regrading Policy

Digital Media Project Specifications

The following links describe in detail the projects for each year students are enrolled in Digital Media. Applications to be used in this class are:

  • DW = Dreamweaver
  • LR = LightRoom
  • PS = Photoshop
  • IL = Illustrator
  • ID = InDesign
  • AN = Animate
  • AE = After Effects
  • PT = Pro Tools
  • RN = Reason
  • AL = Ableton Live

Year 1 Student Projects Overview

Year 1 Digital Media Course Info
Year 1 Class Calendar

Project 0A - HTML/CSS Project Info Page Specs

Project 1 - Conceptual Project Specs

  • HTML5/CSS3 One page website
  • English Writing
  • Design Art
  • Music & Spoken Word Production (MIDI Composition) (PT)
  • Photo Haiku Video (AN, PT, PS, IL)

Project 2 - Narrative Project Specs

  • HTML5/CSS3 Website (DW, PS, IL)
  • English Writing
  • Design Art
  • Narrative Animation (TB, PT, PS, IL) < Main Focus

Project 3 - Documentary Project Specs

  • HTML5/CSS3/JavaScript Website (DW, PS, IL, AE, RN, PT)
  • IntroVid (PS, IL, AE, RN, PT) < Main Focus
  • Magazine Article
  • Photogallery & Bios

Project 4 - Exploration Project Specs

  • HTML5/CSS3/JavaScript One page website
  • English Writing
  • Design Art
  • Own choice media production

Project 0B - jQuery Project Info Page Specs

Project 5 - Reflection Project Specs

  • HTML5/CSS3/JavaScript Website (DW, PS, IL, AE, RN, PT)
  • Video Essay

Project 6 - Narrative 2 Project Specs

  • HTML5/CSS3/JavaScript/Responsive Design Website (DW, PS, IL, AE, RN, PT)
  • Audio Book
  • Bookjacket Art
  • Book Trailer < Main Focus (AE, PS, IL, PT, RN)

Project 7 - Zenith Project Specs

  • January - learn to use Ableton Live and Push for Live Music DJ
  • Own choice passion project productions

Project 8 - Portfolio Showcase

  • HTML5/CSS3/JavaScript/Responsive Design Website (DW, PS, IL, AE, RN, PT)
  • Present 2 or more projects to panelists for feedback

Expected School-wide Learning Results:


To prepare students to live, learn, and work successfully in today's knowledge-based digital society, our emphasis at Freestyle will be on developing:

  • Visual Literacy - the ability to interpret, use, appreciate, and create images and video using both conventional and 21st century media in ways that advance thinking, decision making, communication, and learning.
  • Technological Literacy - knowledge about what technology is, how it works, what purposes it can serve, and how it can be used efficiently and effectively to achieve specific goals.
  • Creativity - the act of bringing something into existence that is genuinely new, original, and of value either personally (of significance only to the individual or organization) or culturally (adds significantly to a domain of culture as recognized by experts).
  • Self Direction - the ability to set goals related to learning, plan for the achievement of those goals, independently manage time and effort, and independently assess the quality of learning and any products that result from the learning experience.
  • High Productivity - the ability to produce intellectual, informational, or material products that serve authentic purposes and occur as a result of students using real-world tools to solve or communicate about real-world problems. These products include persuasive communications in any media (print, video, the Web, verbal presentation), synthesis of resources into more useable forms (databases, graphics, simulations), or refinement of questions that build upon what is known to advance one's own and others' understanding.
  • Teaming and Collaboration - cooperative interaction between two or more individuals working together to solve problems, create novel products, or learn and master content.
  • Social and Civic Responsibility - the ability to manage technology and govern its use in a way that promotes public good and protects society, the environment, and democratic ideals.
  • Risk Taking - the willingness to make mistakes, advocate unconventional or unpopular positions, or tackle extremely challenging problems without obvious solutions, such that one's personal growth, integrity, or accomplishments are enhanced.

What Is Expected From The Student

Assessment and Grading:

Quarter grades will be determined on the basis of performance on projects and classwork. Each area of evaluation will be weighted as follows:

  • Minor Prep Work = 30%
  • Major Productions = 70%

*Please note: Only semester grades appear on transcripts.

Grades will be assigned on the basis of the following percentages:

  • A 90 to 100%
  • B 80 to 89%
  • C 70 to 79%
  • D 60 to 69%
  • F below 60%

English Classes: Breakdown of Grading and Late Policies for Project and Prep Work:

Grade Book Update Policy:

Grades may be viewed 24/7 through individual online accounts on and will be updated every two weeks or so. Students/Parents will receive grade-viewing info by email.

Daily Assignments:

Daily assignments are determined by tasks needed to achieve project goals. Students are responsible to check assigned tasks on the online daily agenda and end goals and work toward achieving those tasks and goals.

Continuation Policy:

Graduating HS is a very important goal. This requires you to get enough credits for graduation. Passing classes at Freestyle for enough credits is part of that process - especially passing English.

To remain a student at Freestyle:

  1. Each student must achieve a C- or higher each Semester in English and at least one of your other 2 Freestyle classes.
  2. Each student must also achieve a unweighted TGPA of 2.0 or higher each Semester in all your classes at all schools.

Failure to meet these standards will result in being disenrolled at Freestyle because we want you to enroll in classes that you can pass and get enough credits to graduate from high school. Ultimately, Freestyle cannot be the reason why you don't graduate from high school.


Attendance at Freestyle is required of students from 9:30 AM-12:00 PM or 1:00-3:30 PM on Mondays, Tuesdays, Wednesdays and Fridays and also 10:05-11:35 or 1:00-2:30 on Thursdays. Note: Students may receive a failing grade "F" in a class where they accumulate 15 or more unexcused absences.

Make Up Work

Absent students are allotted the same number of absent class days to complete assignments. If a student is absent for extended periods of time, it is the student's responsibility to consult with instructor for make-up work.

Classroom Rules:

Because of the various expensive equipment provided for each student, no eating, drinking and chewing gum will be strictly enforced. Students not in their seats when class begins will receive a tardy. Cheating on any assignment or evaluation will not be tolerated. Any student caught cheating will be given a zero for the item and will be subject to further disciplinary action.


Office hours: 3:30-5 PM everyday or email me at

Open Lab hours throughout the year will be posted online and announced in class.
Lots of information is on the other tabs at the top of the page.

Junior Daily Agenda


What Motivates Us?

  • Autonomy: The urge to direct our own lives.

  • Mastery: The desire to get better at something that matters.

  • Purpose: The yearning to do what we do in the service of something larger than ourselves.

Senior Daily Agenda

Digital Media Resources

Collapse Lists

  1. Inspirational Websites
    1. - an excellent source for website design trends and examples
    2. - lists of award winning sites for design and content in lots of different categories
    3. - Favourite Website Awards- British site that lists award winning websites
    4. - more design inspirations if you get stuck
    5. - an excellent site to learn coding skills for HTML, CSS, javascript, jQuery, PHP, etc.
    6. CSS Zen Garden - various examples on the power of CSS to format the SAME content in various different appearances
    7. Short of the Week
    8. Tympanus Creative Link Effects - pure CSS Transitions
    9. Tympanus Creative Button Effects - pure CSS Transitions
  2. Freestyle Network Setup - here's how the system is setup to give you a better understanding of the limits of your network account
  3. Local vs Remote Concepts - What's the difference between Local machine/computer and Remote machine/computer
  4. Uploading/Downloading to the Freestyle Webserver - connecting to the Freestyle webserver so you can "Put" and "Get" files with Dreamweaver when you work at home or at Freestyle
  5. CRAP - Design Concepts - Contrast, Repetition, Alignment, Proximity & Usability
  6. More about CRAP
  7. Interactive Frequency Chart - where do instruments reside on the spectrum of audio frequencies
  8. Crazy Single Tag webpage - one line of code <link rel='stylesheet' href='singlepage.css'> all content and design created in CSS, even the images
  9. Paper Prototyping 1 | Paper Prototyping 2 | Paper Prototyping 3 - examples of why you should draw your website prior to building your website.
  10. HTML Tags that surround visible content on a webpage and that act as instructions for web browsers to layout and format content. HTML Tags are NOT VISIBLE.
    1. Basics of a webpage <!doctype html>, <html>, <head>, <title>, <body>
    2. Content tags <header>, <nav>, <article>, <section>, <figure>, <footer>, <div>, <p>
    3. Media tags <img>, <audio>, <video>
    4. Preformatted Text: Heading 1 <h1>, Heading 2 <h2>, Heading 3 <h3>, Heading 4 <h4>, Heading 5 <h5>, Heading 6 <h6>
    5. Preformatted Text: bulleted or unordered lists <ul>, list items <li>, numbered or ordered lists <ol>
    6. Links or Anchors <a href> with target="_blank" or target="new"
    7. Behing the scenes - tags for non-visible content like the kitchen utensils (tags) to help to make the meal (website)
      1. Meta <meta>
      2. Internal styles <style type="text/css">
      3. External styles <link href="pathtofile.css" rel="stylesheet" type="text/css">
      4. Javascripts <script type="text/javascript">
    8. Check that your HTML is valid with this online validator
  11. Styles
    Evolution of the Web
    1. CSS box-sizing:border-box allows you to set an element width and then add border and padding, BUT the element will retain its set width (not including the border and padding values)
    2. Div or Box Model - understanding style properties of width, height, margin, border, padding for determining true width and true height of divs/boxes/containers of web content.
    3. Position - effectively using style property position attributes of relative, absolute and fixed for web content layout
    4. Styles of HTML tags, classes, ID
    5. Compoound styles
    6. Type properties of font-family, font-size, font-wieght, font-style, color, gradients for text
    7. Styles for divs with height = 100% of screen size
    8. CSS units of vw and vh for sizing based on the viewport or browser window width and height
    9. CSS calculations - you can do math operations in CSS such as
  12. Cascading Style Sheets (CSS)
    1. What are the default styles to start with for any web project?
    2. Why use external styles? What are the different types and varying purposes of external style sheets?
    3. How do you create, attach, edit, and delete an external style?
    4. When do you use internal styles?
    5. CSS Validator - check that your CSS is properly coded with this website
  13. 980 x 600 | 980 x 625 | 980 x 650 | 980 x 680 | 1000 x 700 | 1000 x 750 | 1024 x 768 - examples of various page size examples
  14. Color Schemes 1 - Kuler, Color Schemes 2 - use these sites if you need help with choosing complimentary colors for a design
  15. Font Symbols - there are a few fonts that can be used for simple icon like images

  16. Backgrounds
    1. Small repeating background images - best and bad practices when using a single small image to repeat itself like tiles covering the screen.
    2. Background images that always centers itself to the browser window - best and bad practices when using a single large image to always center itself to any size browser window.
    3. Background images that always centers AND FIXES itself to the browser window - best and bad practices when using a single large image to always center and FIX itself to any size browser window.
    4. Background images that resizes to always COVER the browser window - best and bad practices when using a single large image to always cover the webpage background regardless of browser window size. In other words, the background image resizes to the browser window.
    5. Background for different sections on the same page
    6. Videos as backgrounds - how to use use videos as backgrounds. Note this technique does NOT work on mobile devices (tablets and phones)
    7. Backgrounds that change for each article | similar but with Parallax Effect and Responsive
    8. Backgrounds that change when scrolling vertically on a page
    9. Multiple Background Images including gradients

  17. Audio on webpage options
    1. HTML5 Audio / Background Music with default controller - detecting if user's browser is Firefox in order to play .ogg files because Firefox doesn't support mp3 files
    2. HTML5 Audio / Background Music with text of image controller - example and code to have background music and a simple text or image controller for you webpage, detecting if user's browser is Firefox in order to play .ogg files because Firefox doesn't support mp3 files
    3. Recording Audio from YouTube or a webpage for importing into other applications such as Pro Tools, Reason, FCP, Premiere Pro, etc.
  18. Music Production
    1. Reference music and downloads
    2. Importing music and setting-up Pro Tools
    3. Determining rough tempo with Pro Tools Beat Detective
    4. Virtual Drums - Creating Patterns in Boom
    5. Creating Pro Tools Markers to chunk the song into its parts
    6. Creating Tempo Map of whole song (with varying tempo) so that MIDI notes follow recorded audio
    7. Virtual Drums - Sequencing Patterns for Verses and Choruses in Boom
    8. Virtual Drums - Sequencing Patterns for Bridge in Boom - SCREENSHOT at end
    9. Get Fresh Version
    10. Virtual Bass Guitar 1 - Verse Bar 9 & 10
    11. Virtual Bass Guitar 2 - Verse Bar 12 to 14
    12. Virtual Bass Guitar 3 - Verse Bar 16 & 17
    13. Virtual Bass Guitar 4 - Chorus Bar 18 to 34
    14. Virtual Bass Guitar 5 - Bridge Bar 66 to 82
    15. Virtual Bass Guitar 6 - Copy & Paste to all other parts of song
    16. Virtual Bass Guitar 7 - Change to real bass sounds - SCREENSHOT at end
    17. Transferring Pro Tools Sessions between computers - why and how
    18. Audio Compression - why and how?

  19. Auto centering pop-ups - example and code to make a pop-up window position itself in the vertical and horizontal center of the user's browser screen instead of the default top left
  20. Auto centering pop-ups for WIDE diptychs - example and code to make a pop-up window position itself in the vertical center of the user's browser screen instead of the default top left specifically for WIDE DIPTYCHS

  21. Starter Codes
    1. HTML 5 starter code - code that will help make websites appear and work consistently across many browsers
    2. Javascript/jQuery Snippets - small lines of code to copy and paste into Dreamweaver Snippets panel

  22. Fixed positions
    1. Fixed Position content - CSS rules to make content fixed to a position in a browser window
    2. Scroll to a fixed top position - vertically scrolling page with elements that "get stuck" at the top of the browser window

  23. Images - various techniques for images
    1. Favicons - small image next to URL or on the browser tab
    2. Photos as circles or odd shapes - use photoshop to create NON rectangular or square images
    3. Image Preloading
    4. Image Sprites for Rollover Buttons - example and code to use a SINGLE image for all rollover button effects
    5. Text wrapping around custom images with transparency.
    6. CSS Filters - blur, grayscale, dropshadow, sepia, brightness, contrast, hue-rotate, invert, saturate, opacity
  24. Button SFX for hover - example and code to make any text of image link play audio when hovered over
  25. Button SFX for clicks - example and code to make any text of image link play audio when clicked

  26. Video Display - examples and code that will display a video
    1. YouTube V1-Center Zoom
    2. YouTube V2-Wide then Full
    3. YouTube V3-Thin then Full
    4. YouTube V4-Expanding Thumbnail to reveal video
    5. HTML5 Video - how do you put up your video rather than using the YouTube embed code
    6. Making a Screenshot Video
  27. FancyBox - cool display as an overlay on top of your current webpage
    1. Displaying a SINGLE IMAGE with an overlay on top of your webpage
    2. Displaying a SET OF IMAGES with an overlay on top of your webpage
    3. Displaying a SINGLE IMAGE WEBPAGE with audio background (audio such as you performing your Artist Statement) with an overlay on top of your webpage
    4. Displaying a SET OF PAGES with an overlay on top of your webpage
  28. Button animations
    1. Button click and hover working in sync with CSS - if you click on a button with a hover state, it remains on the hover state once clicked which assumes that any previous button clicked will change back to its unhovered state
    2. Button click and hover working in sync with FADING images - if you click on a button with a hover state, it remains on the hover image once clicked which assumes that any previous button clicked will FADE back to its unhovered state
    3. Button click and hover working in sync with SLIDING images in the OPPOSITE DIRECTION - if you click on a button with a hover state, it remains on the hover image once clicked which assumes that any previous button clicked will SLIDE back to its unhovered state
    4. Button click and hover working in sync with SLIDING images in the SAME DIRECTION - if you hover over a button, a top version will slide away and bottom version slide in - both in the same direction

  29. Content Animation Transitions - Various methods to make content animate on and off
    1. Jumping to various sections within the same page
    2. Fading or Sliding L/R on/off (Responsive)
    3. Sliding Vertically V1 | V2 (Parallax and Responsive)
    4. Shuffling Content (like cards)
    5. Scrolling (not jumping) Content Vertically
    6. Horizontal Accordion Panels - displaying columns of text/images, uses server-side include files
    7. Split Vertically to Reveal Content
    8. Presenting Bio content - V1, V2, V3, V4, V5
  30. Intro & Outro animations
    1. Landing Page V1 - click on name explodes to reveal main content
    2. Landing Page V2 - click on name shifts name up and fades in main content
    3. For Project Info Page, fade in from white, fade in from black, fly content in from top/left/right
    4. For non-Project Info Page, fade in from white, fade in from black, fly content in from top/left/right

  31. Photogalleries - Various kinds of photogalleries
    1. Photogallery V1 - thumbnails, main image fades in/out
    2. Photogallery V2 - thumbnails, main image slides right/left
    3. Photogallery V3 - prev and next buttons, no thumbnails, main image fades in/out
    4. Photogallery V4 - autoplay to next image in preset time, prev and next buttons, clickable indicator dots, no thumbnails, main image fades in/out
    5. Photogallery V5 - autoplay to next image in preset time, prev and next buttons, clickable thumbnails, main image fades in/out
    6. Photogallery V6 - animated grid of thumbnails that open fancybox larger image
    7. Photogallery V7 - row of thumbnails that animate L/R on click, main image fades in/out
    8. Photogallery V8 - strip thumbnails with only CSS and no javascript, caption part of photo, photos can be random sizes
    9. Photogallery V9 - row of thumbnails that animate L/R at different speeds depending on where you hover on row, main image fades in/out
    10. Photogallery V10 - for non-touch computers, HOVER (no click state) on thumbnail to show large version BUT for touch mobile devices, CLICK (no hover state) on thumbnail to show larger image with FancyBox
    11. Photogallery V11 - randomly thrown polaroid photos
    12. Photogallery V12 - sliding panels
    13. Photogallery V13 - expanding rectangular thumbnail on click
    14. Photogallery V14 - expanding circular thumbnail on click
    15. Photogallery V15 - everything circular, thumbnails, thumbnail distribution, large image, etc.
    16. Multiple Slide Shows on a single page - auto cycling slide shows on a single page

  32. Parallax effect - interesting effect of using 2D images/content to create a 3D effect
  33. Flying objects while scrolling - basically parallax motion in all directions
  34. Fading objects while scrolling
  35. Magnifying Glass over an image
  36. Div that follows the mouse when you hover over a particular div

  37. Responsive Web Design - how to make the webpage RESPOND and format itself when different devices are used to view it
    1. Responsive Images - how to make an image resize with the browser window
    2. Responsive Video with CSS - how to make a video resize with the browser window using only CSS
    3. Responsive Video with JS - how to make a video resize with the browser window using JS and CSS
    4. Responsive Design for entire page
    5. Responsive Vertical Scrolling Design with Responsive Buttons
  38. Animation Resources
    1. 12 Principles of Animation - V1 | V2
  39. jquery/Javascript
    1. Preset jQuery Functions #1 -  4:49 (Create snippets of preset functions)
    2. Preset jQuery Functions #2 - 13:12 (fadeIn, fadeOut, fadeToggle, fadeTo)
    3. Preset jQuery Functions #3 - 11:38 (What about objects behind a faded object?)
    4. Preset jQuery Functions #4 - 9:26 (slideUp, slideDown, slideToggle, easing)
    5. Preset jQuery Functions #5 -  8:01 (Changing plan text on a click)
    6. Preset jQuery Functions #6 - 8:42 (Changing stylized text on a click)
    7. Preset jQuery Functions #7 - 9:24 (Using callbacks for sequencing actions on different objects)
    8. Preset jQuery Functions #8 - 5:39 (Using chaining for sequencing actions on the same object)
    9. Preset jQuery Functions #9 - 7:24 (Using delays for rapid sequencing actions for different objects)

Leo Florendo
Digital Media Teacher

Leo Florendo
Instructor: Leo Florendo

Email: or
Voicemail: 650-940-4680

Leo Florendo is the Program Coordinator at Freestyle Academy. He is also responsible for teaching Digital Media at Freestyle Academy since its beginning in the Fall of 2006. His students learn and use HTML5, CSS3, Adobe Dreamweaver, Animate, After Effects, Photoshop, Illustrator, InDesign, Avid Pro Tools, Ableton Live, Propellerhead Reason, Music Production, and Studio Recording to produce websites, podcasts, 2D animations, commercials, book trailers, and various music productions. He also is the System Administrator for Freestyle Academy managing all 70 Apple Computers of various models. He was the 2015 MVLA Teacher of the Year - Los Altos Town Crier Article - Mountain View Voice Article.

Teaching credentials include

  • Career Technical Education (CTE) Credential in Arts, Media, and Entertainment
  • Single Subject Teaching Credential in Computer Concepts and Applications
  • Single Subject Teaching Credential in Introductory Mathematics
  • Single Subject Teaching Credential in Science: Physics (Examination)
  • Crosscultural, Language and Academic Development (CLAD) Certificate
  • No Child Left Behind (NCLB) Qualification in Core Subject: Science


  • MA 2003 San Jose State University - Education: Instructional Technology
  • BA 1988 UC Santa Cruz - Physics & Math

Prior to becoming a faculty member at this Academy, Leo Florendo was at Los Altos HS from 1997-2006 (9 years) teaching AP Physics, Physics, Geometry, Algebra II, and Pre-Engineering. He was

  • WebMaster from 2000-2006
  • Science Technoogy Engineering & Math (STEM) Summer Engineering Camp Instructor & Internship Coordinator 2003-2006
  • Faculty Advisor to the LAHS Robotics Team 1997-2006
  • Site Technology Coordinator 2000-2006
  • Drill Writer and Instructor for the LAHS Marching Band 1999-2006

Other experiences

  • English conversation teacher in Japan at the Kure YWCA (1993-1996) in a suburb of Hiroshima where he met and married his Japanese wife in 1996 and they now are enjoying life with their 1 child.
  • Brass Instructor for Velvet Knights Drum & Bugle Corps, Summer, 1993
  • 4 Year Peace Corps Volunteer (1988-1992) in the South Pacific Kingdom of Tonga teacher of  Science, Math, English and Music in the 250 student, Grades 6-11 Methodist school called Taufa'ahau/Pilolevu College.
  • Banana Slug Alumni of Univ. of CA Santa Cruz, Stevenson College (1983-1988) 
  • Alumni of Santa Clara Vanguard Drum & Bugle Corps as an A-Corps French Horn in 1984 & 1985, Alumni Corps French Horn in 2002, 2004, 2007, & 2017
  • Fencer at UC Santa Cruz- Sabre & Foil
  • Class of 1983 Graduate of Redlands High School, Redlands, CA
  • PADI Certified Rescue Diver, Deep Diver, and Night Diver
  • Born in Philippines
  • Has traveled to many US states, Canada, Mexico, Puerto Rico, Bahamas, England, Belgium, Netherlands, Italy, (lived in) Nigeria, Maldives, Thailand, Malaysia, Singapore, Hong Kong, Philippines, Taiwan, Bali, New Zealand, Australia, Korea, (lived in) Japan, Vanuatu, Samoa, Fiji and (lived in) Tonga.
  • Speaks English, Japanese, and Tongan


Pro Tools


Reason Sequencer Interface