Simple Modal Window
Testing of Modal Window | Close it
/* Z-index of #mask must lower than #boxes .window */ #mask { position:absolute; z-index:9000; background-color:#000; display:none; } #boxes .window { position:fixed; width:440px; height:200px; display:none; z-index:9999; padding:20px; } /* Customize your modal window here, you can add background image too */ #boxes #dialog { width:375px; height:203px; } $(document).ready(function() { //select all the a tag with name equal to modal $('a[name=modal]').click(function(e) { //Cancel the link behavior e.preventDefault(); //Get the A tag var id = $(this).attr('href'); //Get the screen height and width var maskHeight = $(document).height(); var maskWidth = $(window).width(); //Set height and width to mask to fill up the whole screen $('#mask').css({'width':maskWidth,'height':maskHeight}); //transition effect $('#mask').fadeIn(1000); $('#mask').fadeTo("slow",0.8); //Get the window height and width var winH = $(window).height(); var winW = $(window).width(); //Set the popup window to center $(id).css('top', winH/2-$(id).height()/2); $(id).css('left', winW/2-$(id).width()/2); //transition effect $(id).fadeIn(2000); }); //if close button is clicked $('.window .close').click(function (e) { //Cancel the link behavior e.preventDefault(); $('#mask, .window').hide(); }); //if mask is clicked $('#mask').click(function () { $(this).hide(); $('.window').hide(); }); });

contact us

Questions? We are eager to hear from you. Use this form to send us any questions you may have about the 2018 Foresight Prep @ Oberlin summer program. You will also be added to our e-mail list, to receive tips for creating change, stories from inspiring leaders, and to be the first in line to apply for a transformational summer!


123 Street Avenue, City Town, 99999

(123) 555-6789


You can set your address, phone number, email and site description in the settings tab.
Link to read me page with more information.


Pre-college seminars for motivated high school students interested in sustainability, social equity and the environment.


I learned a lot about leadership, sustainability and myself.
I found myself challenged and empowered to create change.

2014 Seminar Participant



JOIN the next generation of sustainability leaders: Motivated high school students ready to create change.

TAKE PART in intensive, uniquely hands-on learning, facilitated by respected teacher-practitioners.

VISIT inspiring sustainability initiatives, from community farms to corporate headquarters.

DEVELOP your leadership potential. BUILD relationships with established professionals.

EXPERIENCE life on one of the country's most forward-thinking campuses.

FOSTER a more diverse, inclusive sustainability movement.

FORGE an ongoing network to support your future education and career.


A collaboration by Foresight Design Initiative and Oberlin College.