mirror of
https://github.com/hnasheralneam/hnasheralneam.github.io.git
synced 2024-11-06 15:45:54 -05:00
Add publish plasma widgets tutorial
This commit is contained in:
parent
6e89cb04a1
commit
78acf2426c
12 changed files with 109 additions and 19 deletions
84
articles/plasma-widgets.html
Normal file
84
articles/plasma-widgets.html
Normal file
|
|
@ -0,0 +1,84 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<meta name="description" content="Hamza Nasher-Alneam's developer profile website!">
|
||||
<link rel="shortcut icon" type="image/x-icon" href="icons/race.png">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="../styles/styles.css">
|
||||
<link rel="stylesheet" href="../styles/thoughts.css">
|
||||
<title>Plasma Widgets | Hamza Nasher-Alneam</title>
|
||||
</head>
|
||||
<body>
|
||||
<a class="home" href="../index.html">Home</a>
|
||||
<br><br>
|
||||
|
||||
<div class="content thoughtsblock" style="min-height: 80vh;">
|
||||
<div class="article">
|
||||
<p style="text-align: center; font-family: sans-serif;">I have had an awful time working with KDE widgets - so I'm trying to help you with them! I'll add more articles later.</p>
|
||||
<br><br>
|
||||
<h1 id="publish-widget" onclick="copy('publish-widget')">Publish your KDE Widget</h1>
|
||||
<h2>May 15 2024</h2>
|
||||
<p>You've just built an incredible KDE widget, and you want to share it with the world. But how do you make sure hundreds
|
||||
of people will get to try your new widget?</p>
|
||||
<p>The best way to publish a widget is through the KDE Store. Opendesktop hosts the KDE Store, so first you'll need to make
|
||||
an account with them. Go to the <a href="https://store.kde.org/browse/">KDE Store</a> and click "Register" in the top
|
||||
right corner. That will take you through the process of creating an account. Once you have an account, go back to the
|
||||
main page of the KDE Store, and log in if you need to. If you click on the profile picture in the right corner, you
|
||||
should get a menu that looks like this:</p>
|
||||
<div style="width: 100%; text-align: center">
|
||||
<img height="400" style="box-shadow: 0 0 .2em #ccc; border-radius: .4em;" src="../images/plasma-widgets/profile-icon-menu.png" alt="Profile icon menu">
|
||||
</div>
|
||||
<p>Click on Add Product, which will take you to this
|
||||
page:</p>
|
||||
<div style="width: 100%; text-align: center">
|
||||
<img height="400" style="box-shadow: 0 0 .2em #ccc; border-radius: .4em;"
|
||||
src="../images/plasma-widgets/new-product-page.png" alt="Profile icon menu">
|
||||
</div>
|
||||
<p>Fill in the information for your app, using "Plasma Mobile Widgets" as the catagory.
|
||||
When you've entered all the needed catagories, press next. We can skip the settings step, so just click next again. Add your .plasmoid file, and click save.</p>
|
||||
<p>That's it! If you go back to the main page of the KDE Store, search your app name and it should come up.</p>
|
||||
</div>
|
||||
</div>
|
||||
<br><br>
|
||||
<div class="footer">
|
||||
<div>
|
||||
<h2>Find me</h2>
|
||||
<p>Github -> <a href="https://github.com/hnasheralneam">GitHub</a></p>
|
||||
<p class="faded-footer">Many of my projects are on GitHub</p>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Contact me</h2>
|
||||
<p>Email account -> <a href="mailto:hnasheralneam@gmail.com">hnasheralneam at google mail</a></p>
|
||||
<p>Discord account -> <a href="#">namegoes.here</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script>
|
||||
let url = document.location.href;
|
||||
|
||||
function copy(txt) {
|
||||
let link = `${url}#${txt}`;
|
||||
navigator.clipboard.writeText(link).then(() => {
|
||||
console.log("Copied link!");
|
||||
}, () => { console.log("Error copying link."); });
|
||||
let alert = document.createElement("DIV");
|
||||
alert.textContent = "Copied Link to Heading!";
|
||||
alert.classList.add("tempAlert");
|
||||
document.body.appendChild(alert);
|
||||
setTimeout(() => {
|
||||
alert.style.opacity = "1";
|
||||
alert.style.bottom = ".5rem";
|
||||
}, 200);
|
||||
setTimeout(() => {
|
||||
alert.style.opacity = "0";
|
||||
alert.style.bottom = "-10rem";
|
||||
}, 4200);
|
||||
setTimeout(() => {
|
||||
alert.remove();
|
||||
}, 4400);
|
||||
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 42 KiB After Width: | Height: | Size: 42 KiB |
BIN
images/plasma-widgets/new-product-page.png
Normal file
BIN
images/plasma-widgets/new-product-page.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 91 KiB |
BIN
images/plasma-widgets/profile-icon-menu.png
Normal file
BIN
images/plasma-widgets/profile-icon-menu.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 94 KiB |
26
index.html
26
index.html
|
|
@ -2,12 +2,12 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<meta name="description" content="High school student and web dev Hamza Nasher-Alneam's personal website.">
|
||||
<meta name="description" content="Hamza Nasher-Alneam's developer profile website!">
|
||||
<meta name="theme-color" content="#f69b46">
|
||||
<link rel="shortcut icon" type="image/x-icon" href="Icons/race.png">
|
||||
<link rel="shortcut icon" type="image/x-icon" href="icons/race.png">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="Styles/home.css">
|
||||
<link rel="stylesheet" href="Styles/styles.css">
|
||||
<link rel="stylesheet" href="styles/home.css">
|
||||
<link rel="stylesheet" href="styles/styles.css">
|
||||
<title>Hamza Nasher-Alneam</title>
|
||||
</head>
|
||||
<body>
|
||||
|
|
@ -50,7 +50,7 @@
|
|||
<p><a href="https://github.com/tildejustin">Justin</a> and I won third place at the MAGIC cybersecurity CTF! Here are <a href="https://magicinc.org/announcing-winners-of-ctf-14">the results</a>. <i>April 20 2023</i></p>
|
||||
<br>
|
||||
<h2 id="funsies">Fun stuff</h2>
|
||||
<p>Developer jokes! <a href="Documents/developer_jokes.pdf">Check them out</a></p>
|
||||
<p>Developer jokes! <a href="documents/developer_jokes.pdf">Check them out</a></p>
|
||||
<div class="funsies">
|
||||
<p>Change the website color theme</p>
|
||||
<button onclick="changeTheme()">Random</button>
|
||||
|
|
@ -62,21 +62,29 @@
|
|||
<h2>Thoughts</h2>
|
||||
</a>
|
||||
|
||||
<!-- <a href="Documents/situation_in_gaza.pdf">
|
||||
<!-- <a href="documents/situation_in_gaza.pdf">
|
||||
<div class="thoughts-bit first-of-class">
|
||||
<h4>The Humanitarian Crisis in Gaza: Then and Now</h4>
|
||||
<i>Nov 29 2023</i>
|
||||
<p>A brief history of Gaza, with a special focus on the recent events.</p>
|
||||
</div>
|
||||
</a> -->
|
||||
<a href="/thoughts.html#imessage-lockin">
|
||||
<a href="articles/plasma-widgets.html#publish-widget">
|
||||
<div class="thoughts-bit">
|
||||
<h4>Publish your Plasma Widget</h4>
|
||||
<i>May 15 2024</i>
|
||||
<p>A quick tutorial that shows how publish a KDE widget on the widget store.</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="thoughts.html#imessage-lockin">
|
||||
<div class="thoughts-bit">
|
||||
<h4>The iMessage Lockin</h4>
|
||||
<i>Dec 1 2022</i>
|
||||
<p>Didn't update this for the RCS announcement, but that'll take a while to come into effect and still won't change much socially in the U.S.</p>
|
||||
<p>Didn't update this for the RCS announcement, but that'll take a while to come into effect and still won't
|
||||
change much socially in the U.S.</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/thoughts.html#reject-folding-phones">
|
||||
<a href="thoughts.html#reject-folding-phones">
|
||||
<div class="thoughts-bit">
|
||||
<h4>An Argument Against Folding Phones</h4>
|
||||
<i>Dec 1 2022</i>
|
||||
|
|
|
|||
|
|
@ -2,16 +2,16 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<meta name="description" content="The developer Editor Rust's personal website!">
|
||||
<link rel="shortcut icon" type="image/x-icon" href="Icons/race.png">
|
||||
<meta name="description" content="Hamza Nasher-Alneam's developer profile website!">
|
||||
<link rel="shortcut icon" type="image/x-icon" href="icons/race.png">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="Styles/styles.css">
|
||||
<link rel="stylesheet" href="Styles/thoughts.css">
|
||||
<title>Thoughts | Editor Rust</title>
|
||||
<link rel="stylesheet" href="styles/styles.css">
|
||||
<link rel="stylesheet" href="styles/thoughts.css">
|
||||
<title>Thoughts | Hamza Nasher-Alneam</title>
|
||||
</head>
|
||||
<body>
|
||||
<a class="home" href="/">Home</a>
|
||||
<a class="home" href="index.html">Home</a>
|
||||
<br><br>
|
||||
|
||||
<div class="content thoughtsblock">
|
||||
|
|
@ -42,13 +42,11 @@
|
|||
<div>
|
||||
<h2>Find me</h2>
|
||||
<p>Github -> <a href="https://github.com/hnasheralneam">GitHub</a></p>
|
||||
<p class="faded-footer">A lot of my work is on GitHub</p>
|
||||
<p>Replit -> <a href="https://replit.com/@hnasheralneam">Replit</a></p>
|
||||
<p class="faded-footer">Some smaller projects</p>
|
||||
<p class="faded-footer">Many of my projects are on GitHub</p>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Contact me</h2>
|
||||
<p>My personal account -> <a href="mailto:hnasheralneam@gmail.com">hnasheralneam at google mail</a></p>
|
||||
<p>Email account -> <a href="mailto:hnasheralneam@gmail.com">hnasheralneam at google mail</a></p>
|
||||
<p>Discord account -> <a href="#">namegoes.here</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue