Browse Source

Welcome page: styling and logo improved (issue #710) (#786)

* Minor improvements to the welcome page

* First try to display the YAKINDU logo when SWT-based presentation is used (issue #710).

* Welcome page: styling and logo improved.
Rainer Klute 9 years ago
parent
commit
d4dd28c170

+ 13 - 3
plugins/org.yakindu.sct.ui.intro/css/style.css

@@ -1,5 +1,15 @@
-.logo_small {
-	margin-left:-60px;
+a#yakindu-documentation-link img,
+a#yakindu-examples-link img,
+a#yakindu-tutorials-link img,
+a#yakindu-user-forum-link img
+{
+    background-image: url(../img/logo_shadowed.png);
 }
 
-
+a#yakindu-documentation-link:hover img,
+a#yakindu-examples-link:hover img,
+a#yakindu-tutorials-link:hover img,
+a#yakindu-user-forum-link:hover img
+{
+    background-image: url(../img/logo_hover.png);
+}

+ 4 - 4
plugins/org.yakindu.sct.ui.intro/css/style.properties

@@ -1,4 +1,4 @@
-overview.yakindu-dokumentation-Link.link-icon = img/logo_small.png
-samples.yakindu-example-Link.link-icon = img/logo_small.png
-tutorials.yakindu-getting-started-Link.link-icon = img/logo_small.png
-tutorials.yakindu-user-forum-Link.link-icon = img/logo_small.png
+overview.yakindu-documentation-link.link-icon = img/logo_w032.png
+samples.yakindu-examples-link.link-icon = img/logo_w032.png
+tutorials.yakindu-tutorials-link.link-icon = img/logo_w032.png
+tutorials.yakindu-user-forum-link.link-icon = img/logo_w032.png

BIN
plugins/org.yakindu.sct.ui.intro/img/logo_hover.png


BIN
plugins/org.yakindu.sct.ui.intro/img/logo_shadowed.png


BIN
plugins/org.yakindu.sct.ui.intro/img/logo_w032.png


+ 6 - 12
plugins/org.yakindu.sct.ui.intro/yakinduExtensionContent.xml

@@ -4,10 +4,8 @@
 		style="css/style.css" alt-style="css/style.properties" path="overview/@">
 		<group style-id="content-group" id="yakindu-introLink-group">
 			<link label="YAKINDU Statechart Tools" url="http://statecharts.org/"
-				id="yakindu-dokumentation-Link" style-id="content-link">
-				<img id="logo_small" style-id="logo_small" src="img/logo_small.png"></img>
-				<text>Learn more about YAKINDU Statechart Tools …
-				</text>
+				id="yakindu-documentation-link" style-id="content-link">
+				<text>Learn more about YAKINDU Statechart Tools …</text>
 			</link>
 		</group>
 	</extensionContent>
@@ -18,10 +16,8 @@
 			label="YAKINDU Statechart Tools">
 			<link label="Example project"
 				url="http://org.eclipse.ui.intro/runAction?pluginId=org.yakindu.sct.ui.intro&amp;class=org.yakindu.sct.ui.intro.OpenExampleIntroAction"
-				id="yakindu-example-Link" style-id="content-link">
-				<img id="logo_small" style-id="logo_small" src="img/logo_small.png"></img>
-				<text>Create the traffic light example …
-				</text>
+				id="yakindu-examples-link" style-id="content-link">
+				<text>Create the traffic light example …</text>
 			</link>
 		</group>
 	</extensionContent>
@@ -31,14 +27,12 @@
 		<group style-id="content-group" id="yakindu-introLink-group"
 			label="YAKINDU Statechart Tools">
 			<link label="Tutorials" url="http://statecharts.org/documentation/tutorials/"
-				id="yakindu-getting-started-Link" style-id="content-link">
-				<img id="logo_small" style-id="logo_small" src="img/logo_small.png"></img>
+				id="yakindu-tutorials-link" style-id="content-link">
 				<text>Read the tutorials …
 				</text>
 			</link>
 			<link label="User Group" url="https://groups.google.com/forum/embed/?place=forum/yakindu-user#!forum/yakindu-user"
-				id="yakindu-user-forum-Link" style-id="content-link">
-				<img id="logo_small" style-id="logo_small" src="img/logo_small.png"></img>
+				id="yakindu-user-forum-link" style-id="content-link">
 				<text>Visit the SCT user group …
 				</text>
 			</link>