About screen and improved tutorial screens

explorer/browser/src/BrowserApplication.mxml

@@ -25,7 +25,7 @@
 			}
 			
 			protected function explorer_creationCompleteHandler(event:FlexEvent):void
-			{
+			{
 				this.explorer.authenticationSystem = new BrowserAuthenticationSystem();
 				this.explorer.start();
 			}

explorer/skin/src/Main.css

@@ -18,6 +18,12 @@
 	embedAsCFF: true;
 }
 @font-face
+{
+	fontFamily: "Myriad Pro Light";
+	src: url("/Users/francispotter/Library/Fonts/MyriadPro-Light.otf");
+	embedAsCFF: true;
+}
+@font-face
 {
 	fontFamily: "Myriad Pro Semibold";
 	src: url("/Library/Fonts/MyriadPro-Semibold.otf");
@@ -218,6 +224,17 @@
 
 
 
+
+
+
+
+
+
+
+
+
+
+
 
 
 

explorer/skin/src/Main.mxml

@@ -10,8 +10,9 @@
 			   xmlns:flm="http://ns.adobe.com/flame/2008"
 			   xmlns:lib2="assets.graphics.HathersageGroupLogo.*"
 			   xmlns:components="components.*"
-			   xmlns:lib3="assets.graphics.DataVizView.*" width="100%" height="100%"
+			   xmlns:lib3="assets.graphics.DataVizView.*" 
 			   fc:previewWidth="1024" fc:previewHeight="600"
+			   width="1024" height="600"
 			   backgroundColor="#000000" preloaderChromeColor="#000000">
 	<fx:Style source="Main.css"/>
 	<fx:Script>
@@ -39,11 +40,11 @@
 	<components:MainSkin includeIn="MainState" left="0" right="-256" top="0" bottom="0">
 	</components:MainSkin>
 	<components:Graphic_Marker includeIn="Library" x="486" y="279"/>
-	<s:HScrollBar includeIn="Library" x="101" y="-118" fixedThumbSize="true"
-				  skinClass="components.HScrollbar_Dataviz"/>
+	<!--<s:HScrollBar includeIn="Library" x="101" y="-118" fixedThumbSize="true"
+				  skinClass="components.HScrollbar_Dataviz"/>-->
 	<components:DataVizTileListPlaceholder includeIn="Library_Datavizscrollbar" x="0" y="0"
 										   width="1024" height="340">
 	</components:DataVizTileListPlaceholder>
-	<s:HScrollBar includeIn="Library_Datavizscrollbar" x="2" y="0" fixedThumbSize="true"
-				  skinClass="components.HScrollbar_Dataviz"/>
+	<!--<s:HScrollBar includeIn="Library_Datavizscrollbar" x="2" y="0" fixedThumbSize="true"
+				  skinClass="components.HScrollbar_Dataviz"/>-->
 </s:Application>

explorer/skin/src/PrivateData.mxml

@@ -2,7 +2,10 @@
 		 xmlns:fx="http://ns.adobe.com/mxml/2009"
 		 xmlns:d="http://ns.adobe.com/fxg/2008/dt"
 		 xmlns:ai="http://ns.adobe.com/ai/2009"
-		 xmlns:flm="http://ns.adobe.com/flame/2008">
+		 xmlns:flm="http://ns.adobe.com/flame/2008"
+		 xmlns:mngo="http://ns.adobe.com/flamingo/apd"
+		 xmlns:variant="http://ns.adobe.com/flame/2008/apd"
+		 xmlns:ATE="http://ns.adobe.com/ate/2009">
 	<fx:Private>
 		<ai:PrivateElement d:ref="#1">
 			<ai:SaveOptions>
@@ -20,6 +23,60 @@
 		<ai:PrivateElement flm:hashcode="AB368175862017063953D7C8B61BB760" d:ref="#2">
 			<ai:LayerOptions color="5 31.122 23.09 26.102"/>
 		</ai:PrivateElement>
+		<mngo:VariantContent fpdNS="http://ns.adobe.com/flame/2008/apd" fpdPRE="variant" flm:hashcode="FFAFA6563752E264DB7996553B07492E" flm:original="1" d:ref="#3">
+			<variant:RichText x="1" y="30" whiteSpaceCollapse="preserve" ai:aa="2" d:id="4" fontFamily="Arial" color="#000000">
+				<variant:content>
+					<variant:p fontFamily="Arial" d:id="5">
+						<variant:span fontFamily="Arial" d:id="6">The</variant:span>
+						<variant:span fontFamily="Arial" d:id="7">H</variant:span>
+						<variant:span fontFamily="Arial" d:id="8">ath</variant:span>
+						<variant:span fontFamily="Arial" d:id="9">e</variant:span>
+						<variant:span fontFamily="Arial" d:id="10">rsage</variant:span>
+						<variant:span fontFamily="Arial" d:id="11">Group</variant:span>
+					</variant:p>
+				</variant:content>
+			</variant:RichText>
+		</mngo:VariantContent>
+		<ai:PrivateElement d:ref="#1">
+			<ai:SaveOptions>
+				<ai:Dict data="B writeImages 1 I preserveTextPolicy 4 B aiEditCap 1 B includeSymbol 0 I versionKey 2 B includeXMP 0 I preserveGradientPolicy 4 I rasterizeResolution 72 B downsampleLinkedImages 0 B includeObjectOutsideArtboard 0 I expandBlendsOption 5 B clipToActiveArtboard 1 I preserveFilterPolicy 3 "/>
+			</ai:SaveOptions>
+			<ai:DocData base="HathersageGroupLogo2011.assets/images" globalOffsetH="-9.5" globalOffsetV="2" rulerCanvasDiffH="306.5" rulerCanvasDiffV="396.5">
+				<ai:DocRasterSettings>
+					<ai:Dict data="I colr 5 I dpi. 72 B alis 0 B spot 1 B mask 0 R padd 36 "/>
+				</ai:DocRasterSettings>
+			</ai:DocData>
+			<ai:AutoGenImageList>
+				<ai:Dict/>
+			</ai:AutoGenImageList>
+		</ai:PrivateElement>
+		<ai:PrivateElement flm:hashcode="D6C577F94B3B402AB14128D91CDE84E6" d:ref="#2">
+			<ai:LayerOptions color="5 79.31 257 128.502"/>
+		</ai:PrivateElement>
+		<ATE:ATEAttributes ATE:C_autoLeading="true" ATE:C_baseLine="normal" ATE:C_baselineShift="0" ATE:C_charRotation="0" ATE:C_color="#000000" ATE:C_fill="true" ATE:C_fillFirst="true" ATE:C_fillOverprint="false" ATE:C_fillVisible="true" ATE:C_font="MyriadPro-Regular" ATE:C_fontCaps="normal" ATE:C_fontSize="36" ATE:C_horizontalScale="1" ATE:C_kerning="metric" ATE:C_leading="43.2" ATE:C_lineCapType="buttCap" ATE:C_lineDashOffset="0" ATE:C_lineJoinType="miterJoin" ATE:C_lineWidth="1" ATE:C_miterLimit="10" ATE:C_noBreak="false" ATE:C_strikethroughPos="off" ATE:C_stroke="false" ATE:C_strokeOverprint="false" ATE:C_strokeVisible="true" ATE:C_tracking="0" ATE:C_underlineOffset="0" ATE:C_underlinePos="off" ATE:C_verticalScale="1" ATE:JC_leftAki="-1" ATE:JC_rightAki="-1" ATE:JC_styleRunAlign="byRomanHori_centerVertical" ATE:JC_tusme="0" ATE:JO_japAltFeature="default" ATE:JO_kana="false" ATE:JO_language="english" ATE:JO_proportionalMetrics="false" ATE:JO_romanItalics="false" ATE:JO_ruby="false" ATE:JP_autoTCY="0" ATE:JP_burasagariType="none" ATE:JP_hangingRoman="false" ATE:JP_kurikaeshiMojiShori="false" ATE:JP_leadingType="roman" ATE:MC_diacVPosition="openType" ATE:MC_diacXPos="0" ATE:MC_diacYPos="0" ATE:MC_digitSet="default" ATE:MC_directionOverride="default" ATE:MC_kashidas="default" ATE:MO_justificationAlt="false" ATE:MO_overlapSwash="false" ATE:MO_stretchedAlt="false" ATE:MP_justificationMethod="default" ATE:O_alternateLigatures="false" ATE:O_connectionForms="true" ATE:O_contextualLigatures="true" ATE:O_discretionaryLigatures="false" ATE:O_figureStyle="default" ATE:O_fontOTPos="normal" ATE:O_fractions="false" ATE:O_ligature="true" ATE:O_oldStyle="false" ATE:O_ordinals="false" ATE:O_ornaments="false" ATE:O_stylisticAlternates="false" ATE:O_swash="false" ATE:O_titling="false" ATE:P_autoHyphenate="true" ATE:P_autoLeadingPercentage="1.2" ATE:P_composerEngine="latinCJK" ATE:P_consecutiveHyphenLimit="0" ATE:P_defaultTabWidth="36" ATE:P_endIndent="0" ATE:P_everyLineComposer="false" ATE:P_firstlineIndent="0" ATE:P_glyphScaling="1" ATE:P_hyphenateCapitalized="true" ATE:P_hyphenatedWordSize="6" ATE:P_hyphenationPreference="0.5" ATE:P_hyphenationZone="36" ATE:P_letterSpacing="0" ATE:P_maxGlyphScaling="1" ATE:P_maxLetterSpacing="0" ATE:P_maxWordSpacing="1.33" ATE:P_minGlyphScaling="1" ATE:P_minLetterSpacing="0" ATE:P_minWordSpacing="0.8" ATE:P_paragraphDirection="ltr" ATE:P_postHyphenSize="2" ATE:P_preHyphenSize="2" ATE:P_singleWordJustif="fullJustifyLastLineFull" ATE:P_spaceAfter="0" ATE:P_spaceBefore="0" ATE:P_startIndent="0" ATE:P_textAlign="left" ATE:P_wordSpacing="1" ATE:TA_columnCount="1" ATE:TA_height="0" ATE:TA_lineOrientation="horiz" ATE:TA_spacing="0" ATE:TA_width="0" ATE:T_baselineDirection="withStream" ATE:T_leftRightAdjust="0" ATE:T_upDownAdjust="0" ATE:W_lineCount="2" ATE:W_lineGap="0" ATE:W_orphanAmount="2" ATE:W_scale="0.5" ATE:W_warichuEnabled="false" ATE:W_warichuJustification="autoJustify" ATE:W_widowAmount="2" flm:hashcode="A3FBE825C4BDB56EA2F5D4C4D779114B" d:ref="#4"/>
+		<ATE:ATEAttributes ATE:C_kerning="metric" d:ref="#5"/>
+		<ATE:ATEAttributes ATE:C_font="MyriadPro-Light" ATE:C_kerning="metric" d:ref="#6"/>
+		<ATE:ATEAttributes ATE:C_font="MyriadPro-Black" ATE:C_kerning="noauto" d:ref="#7"/>
+		<ATE:ATEAttributes ATE:C_font="MyriadPro-Black" ATE:C_kerning="metric" d:ref="#8"/>
+		<ATE:ATEAttributes ATE:C_font="MyriadPro-Black" ATE:C_kerning="noauto" d:ref="#9"/>
+		<ATE:ATEAttributes ATE:C_font="MyriadPro-Black" ATE:C_kerning="metric" d:ref="#10"/>
+		<ATE:ATEAttributes ATE:C_font="MyriadPro-Light" ATE:C_kerning="metric" d:ref="#11"/>
+		<ai:PrivateElement d:ref="#1">
+			<ai:SaveOptions>
+				<ai:Dict data="B writeImages 1 I preserveTextPolicy 1 B aiEditCap 1 B includeSymbol 0 I versionKey 2 B includeXMP 0 I preserveGradientPolicy 4 I rasterizeResolution 72 B downsampleLinkedImages 0 B includeObjectOutsideArtboard 0 I expandBlendsOption 5 B clipToActiveArtboard 1 I preserveFilterPolicy 1 "/>
+			</ai:SaveOptions>
+			<ai:DocData base="SETIInstituteLogo.assets/images" rulerCanvasDiffH="113.5" rulerCanvasDiffV="70.5">
+				<ai:DocRasterSettings>
+					<ai:Dict data="I colr 4 I dpi. 72 B alis 0 B spot 1 B mask 0 R padd 36 "/>
+				</ai:DocRasterSettings>
+			</ai:DocData>
+			<ai:AutoGenImageList>
+				<ai:Dict/>
+			</ai:AutoGenImageList>
+		</ai:PrivateElement>
+		<ai:PrivateElement flm:hashcode="675A5E8161A47C34019F38AC4906104D" d:ref="#2">
+			<ai:LayerOptions color="5 79.31 257 128.502"/>
+		</ai:PrivateElement>
 		<d:FontMap>
 			<d:Map fontFamily="Arial" postScriptName="ArialMT"/>
 			<d:Map fontFamily="Myriad Pro Semibold" postScriptName="MyriadPro-Semibold"/>

explorer/skin/src/components/AboutButton.mxml

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<s:Skin xmlns:s="library://ns.adobe.com/flex/spark"
+		xmlns:fx="http://ns.adobe.com/mxml/2009"
+		xmlns:fc="http://ns.adobe.com/flashcatalyst/2009"
+		width="110" height="36">
+	<fx:Metadata>[HostComponent("spark.components.Button")]</fx:Metadata>
+	<s:states>
+		<s:State name="up"/>
+		<s:State name="over"/>
+		<s:State name="down"/>
+		<s:State name="disabled"/>
+	</s:states>
+	<s:Rect left="0" right="0" top="0" bottom="0" radiusX="4">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry alpha="1.0" color="#535353" ratio="0"
+								 color.disabled="#999999"/>
+				<s:GradientEntry alpha="1" color="#323232" ratio="1"
+								 alpha.disabled="1.0" color.disabled="#999999"/>
+			</s:LinearGradient>
+		</s:fill>
+		<s:fill.over>
+			<s:SolidColor color="#181818"/>
+		</s:fill.over>
+		<s:fill.down>
+			<s:SolidColor color="#197BCE"/>
+		</s:fill.down>
+	</s:Rect>
+	<s:RichText id="labelDisplay" left="3" right="3" top="11" bottom="8" color="#CCCCCC"
+				fontFamily="Myriad Pro" fontSize="16" tabStops="S0 S50" textAlign="center"/>
+</s:Skin>