[education/rkward] rkward: Full mockup of new startup page
Thomas Friedrichsmeier
null at kde.org
Wed Apr 20 14:02:40 BST 2022
Git commit 20c752ac8007cf0981357ee04aef02d5b6a94306 by Thomas Friedrichsmeier.
Committed on 20/04/2022 at 12:01.
Pushed by tfry into branch 'master'.
Full mockup of new startup page
M +24 -3 rkward/pages/rkward_help.css
M +21 -18 rkward/pages/rkward_welcome.rkh
M +4 -1 rkward/windows/rkhtmlwindow.cpp
https://invent.kde.org/education/rkward/commit/20c752ac8007cf0981357ee04aef02d5b6a94306
diff --git a/rkward/pages/rkward_help.css b/rkward/pages/rkward_help.css
index 4a2527a0..7c3db260 100644
--- a/rkward/pages/rkward_help.css
+++ b/rkward/pages/rkward_help.css
@@ -3,6 +3,7 @@
--background-color: white;
--header-color: darkgray;
--anchor-color: #0022cc;
+ --shadow-color: #00000044;
}
@media (prefers-color-scheme: dark) {
@@ -11,6 +12,7 @@
--background-color: black;
--header-color: darkgray;
--anchor-color: #3366ff;
+ --shadow-color: #ffffff44;
}
}
@@ -25,6 +27,13 @@ a:link {
#rkward_welcome #main {
width: 95%;
+ margin: auto;
+ display: flex;
+ flex-flow: row wrap;
+}
+
+#rkward_welcome #main h1 {
+ width: 100%;
}
#rkward_welcome #navigation {
@@ -32,10 +41,22 @@ a:link {
}
#rkward_welcome div {
- display: inline-block;
width: 40%;
- padding: 2.5%;
- float: left;
+ margin: 0% 2.5%;
+ padding: 1em;
+}
+
+#rkward_welcome div div {
+ box-shadow: var(--shadow-color) .1em .5em .8em;
+}
+
+#rkward_welcome li {
+ width: 100%;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ text-align: left;
+ list-style-position: inside;
}
#main {
diff --git a/rkward/pages/rkward_welcome.rkh b/rkward/pages/rkward_welcome.rkh
index 5b929ceb..0dc423de 100644
--- a/rkward/pages/rkward_welcome.rkh
+++ b/rkward/pages/rkward_welcome.rkh
@@ -2,31 +2,34 @@
<document pageid="rkward_welcome">
<title>Welcome to RKWard</title>
- <summary>
- This help page gives a rough overview of the most important parts of RKWard.
-
- By default, this page is shown each time RKWard is started (configurable in <link href="rkward://settings/general">Settings->Configure RKWard->General</link>).
- </summary>
-
<section title="My recent script files" id="recent-scripts" special="recentfiles" category="rscripts" />
- <section title="Introduction to RKWard" id="introduction">
- RKWard is a GUI frontend and IDE to <link href="http://www.r-project.org">R</link>, a powerful scripting language for statistical computing. It aims to provide useful features both to experienced users of R, wishing to exploit R's scripting capabilities, as well as to users new to R, looking for an easy way to carry out statistical computation tasks.
+ <section title="My recent workspaces" id="recent-workspaces" special="recentfiles" category="workspaces" />
- If you have used neither R nor RKWard before, you may want to start by reading the following guide: <link href="rkward://page/rkward_for_new_users" />.
-
- After that, or for users with some knowledge of R, but new to RKWard, here is a guide focused on introducing the IDE features of RKWard: <link href="rkward://page/rkward_for_r_users" />.
- </section>
+ <section title="My recent output files" id="recent-output" special="recentfiles" category="rkoutput" />
- <section title="Installing Add-Ons" id="add-ons">
- Missing something? Many features are available as separate add-ons. Please refer to <link href="rkward://page/rkward_addons" /> for more information.
+ <section title="Import or enter data" id="import-create">
+ <ul>
+ <li>New data.frame()</li>
+ <li>Import data</li>
+ </ul>
</section>
- <section title="Trouble Shooting" id="Trouble Shooting">
- If you encounter problems please take a look in <link href="rkward://page/rkward_trouble_shooting">Trouble Shooting / FAQ</link> first. The preferred way to report a bug is using "Report Bug" from the "Help"-menu.
+ <section title="Useful settings" id="settings">
+ <ul>
+ <li><link href="rkward://settings/addons">RKWard Add-ons</link></li>
+ <li>R packages <link href="">TODO link me</link></li>
+ <li><link href="rkward://settings/general">Startup options</link> (including this page)</li>
+ </ul>
</section>
- <section title="General Information" id="further_info">
- For more general information on RKWard, who writes it, how to help, further questions, etc. refer to <link href="http://rkward.kde.org/">the project homepage</link>.
+ <section title="Documentation starting points" id="documentation">
+ <ul>
+ <li><link href="rkward://page/rkward_for_new_users" /></li>
+ <li><link href="rkward://page/rkward_for_r_users" /></li>
+ <li><link href="rkward://page/rkward_addons" /></li>
+ <li><link href="rkward://page/rkward_trouble_shooting" /></li>
+ <li>External links: <link href="http://rkward.kde.org/">project homepage</link></li>
+ </ul>
</section>
</document>
diff --git a/rkward/windows/rkhtmlwindow.cpp b/rkward/windows/rkhtmlwindow.cpp
index d0e743b6..578ff1ef 100644
--- a/rkward/windows/rkhtmlwindow.cpp
+++ b/rkward/windows/rkhtmlwindow.cpp
@@ -313,7 +313,10 @@ RKHTMLWindow::RKHTMLWindow (QWidget *parent, WindowMode mode) : RKMDIWindow (par
"rksetcolor('--regular-text-color', '%1');\n"
"rksetcolor('--background-color', '%2');\n"
"rksetcolor('--header-color', '%3');\n"
- "rksetcolor('--anchor-color', '%4');").arg(scheme->foreground().color().name(), scheme->background().color().name(), scheme->foreground(KColorScheme::VisitedText).color().name(), scheme->foreground(KColorScheme::LinkText).color().name());
+ "rksetcolor('--anchor-color', '%4');\n"
+ "rksetcolor('--shadow-color', '%5');").arg(scheme->foreground().color().name(), scheme->background().color().name(),
+ scheme->foreground(KColorScheme::VisitedText).color().name(), scheme->foreground(KColorScheme::LinkText).color().name(),
+ scheme->shade(KColorScheme::MidShade).name());
#ifdef NO_QT_WEBENGINE
connect(page, &RKWebPage::loadFinished, [this, color_scheme_js](){
page->mainFrame()->evaluateJavaScript(color_scheme_js);
More information about the rkward-tracker
mailing list