Promo/Material/Mascots: Difference between revisions

From KDE Community Wiki
(Experimenting with a more streamlined structure for HTML source code section, only implemented for the bottom 2.)
(HTML code section work in progress.)
Line 67: Line 67:
For using the artworks outside of the KDE Wikis, source codes are provided for each picture.  
For using the artworks outside of the KDE Wikis, source codes are provided for each picture.  


'''Notice''': by using these source codes, you are linking the artwork images directly from KDE Community's server.  
'''Notice'''
*Actual inserted size: 250px wide.
*By using these source codes, you are linking the artwork images directly from KDE Community's server.  


==The original mascot==
===Temporary Thumbnails 250px===
[[File:Mascot_konqi.png|400px]]


Add with:
These thumbnails are temporary. They are here to generate necessary images for the HTML code to link to. They will be replaced by larger size below them, once the editing process is complete.


<syntaxhighlight lang="html">
[[File:Mascot konqi.png|250px]]
<div style="width: 360px; float: right; padding: 1ex; margin: 1ex; border: 0px solid grey;"><a href="https://community.kde.org/File:Mascot_konqi.png"><img src="https://community.kde.org/images.community/thumb/4/40/Mascot_konqi.png/360px-Mascot_konqi.png" /></a></div>
[[File:Mascot konqi-dev-kde.png|250px]]
</syntaxhighlight>
[[File:Mascot konqi-app-dev-katie.png|250px]]
[[File:Mascot konqi-dev-qt.png|250px]]
[[File:Mascot konqi-base-framework.png|250px]]
[[File:Mascot konqi-base-plasma.png|250px]]
[[File:Mascot konqi-app-dev.png|250px]]
[[File:Mascot konqi-app-game.png|250px]]
[[File:Mascot konqi-app-graphics.png|250px]]
[[File:Mascot konqi-app-hardware.png|250px]]
[[File:Mascot konqi-app-internet.png|250px]]
[[File:Mascot konqi-app-multimedia.png|250px]]
[[File:Mascot konqi-app-office.png|250px]]
[[File:Mascot konqi-app-presentation.png|250px]]
[[File:Mascot konqi-app-science.png|Konqi in the lab: Science software, experimental features.
|250px]]
[[File:Mascot konqi-app-system.png|250px]]
[[File:Mascot konqi-app-utilities.png|250px]]
[[File:Mascot konqi-commu-akademy.png|250px]]
[[File:Mascot konqi-commu-journalist.png|250px]]
[[File:Mascot konqi-commu-mail.png|250px]]
[[File:Mascot konqi-commu-randa.png|250px]]
[[File:Mascot konqi-support-bughunt.png|250px]]
[[File:Mascot konqi-support-business.png|250px]]
[[File:Mascot konqi-support-document.png|250px]]
[[File:Mascot konqi-support-document.png|250px]]
[[File:Mascot konqi-support-search.png|250px]]


==Group of Konqis==
===Artworks by Tyson Tan===
[[File:Mascot_20140702_konqui-group.png|400px]]


Add with:
This section is work in progress. Temporary content were inserted before hand to make the editing process easier.


'''<big>TITLE</big>'''<br />
For: PURPOSE<br />
<nowiki>FILENAME</nowiki><br />
HTML for webpage:
<syntaxhighlight lang="html">
<syntaxhighlight lang="html">
<div style="width: 360px; float: right; padding: 1ex; margin: 1ex; border: 0px solid grey;"><a href="https://community.kde.org/File:Mascot_20140702_konqui-group.png"><img src="https://dot.kde.org/sites/dot.kde.org/files/mascot_20140702_konqui-group_wee.png" /></a></div>
CODE
</syntaxhighlight>
</syntaxhighlight>


==Painting and creative (Krita) Konqi==
[[File:Mascot konqi.png|400px]]
[[File:Mascot_20131006_konqui_t.png|400px]]
[[File:Mascot konqi-dev-kde.png|400px]]
 
[[File:Mascot konqi-app-dev-katie.png|400px]]
Add with:
[[File:Mascot konqi-dev-qt.png|400px]]
 
[[File:Mascot konqi-base-framework.png|400px]]
<syntaxhighlight lang="html">
[[File:Mascot konqi-base-plasma.png|400px]]
<div style="width: 360px; float: right; padding: 1ex; margin: 1ex; border: 0px solid grey;"><a href="https://community.kde.org/File:Mascot_20131006_konqui_t.png"><img src="https://dot.kde.org/sites/dot.kde.org/files/mascot_20131006_konqui_t_wee_0.png" /></a></div>
[[File:Mascot konqi-app-dev.png|400px]]
</syntaxhighlight>
[[File:Mascot konqi-app-game.png|400px]]
 
[[File:Mascot konqi-app-graphics.png|400px]]
==Frameworks Konqi==
[[File:Mascot konqi-app-hardware.png|400px]]
[[File:Mascot_konqi-base-framework.png|400px]]
[[File:Mascot konqi-app-internet.png|400px]]
 
[[File:Mascot konqi-app-multimedia.png|400px]]
Add with:
[[File:Mascot konqi-app-office.png|400px]]
 
<syntaxhighlight lang="html">
<div style="width: 360px; float: right; padding: 1ex; margin: 1ex; border: 0px solid grey;"><a href="https://community.kde.org/File:Mascot_konqi-base-framework.png"><img src="https://community.kde.org/images.community/thumb/5/50/Mascot_konqi-base-framework.png/210px-Mascot_konqi-base-framework.png" /></a></div>
</syntaxhighlight>
 
==Communication and press Konqi==
[[File:Mascot konqi-commu-journalist.png|400px]]
 
Add with:
 
<syntaxhighlight lang="html">
<div style="width: 360px; float: right; padding: 1ex; margin: 1ex; border: 0px solid grey;"><a href="https://community.kde.org/File:Mascot konqi-commu-journalist.png"><img src="https://community.kde.org/images.community/thumb/0/0e/Mascot_konqi-commu-journalist.png/201px-Mascot_konqi-commu-journalist.png" /></a></div>
</syntaxhighlight>
 
==Education and science Konqi==
[[File:Mascot konqi-app-science.png |400px]]
 
Add with:
 
<syntaxhighlight lang="html">
<div style="width: 360px; float: right; padding: 1ex; margin: 1ex; border: 0px solid grey;"><a href="https://community.kde.org/File:Mascot konqi-app-science.png "><img src="https://community.kde.org/images.community/thumb/5/58/Mascot_konqi-app-science.png/424px-Mascot_konqi-app-science.png" /></a><br />Science and Education Konqi</div>
</syntaxhighlight>
 
==Plasma/Workspace/User interface Konqi==
[[File:Mascot konqi-base-plasma.png |400px]]
 
Add with:
 
<syntaxhighlight lang="html">
<div style="width: 360px; float: right; padding: 1ex; margin: 1ex; border: 0px solid grey;"><a href="https://community.kde.org/File:Mascot konqi-base-plasma.png "><img src="https://community.kde.org/images.community/thumb/a/af/Mascot_konqi-base-plasma.png/208px-Mascot_konqi-base-plasma.png" /></a></div>
</syntaxhighlight>
 
==Presenting Konqi==
[[File:Mascot konqi-app-presentation.png|400px]]
[[File:Mascot konqi-app-presentation.png|400px]]
 
[[File:Mascot konqi-app-science.png|Konqi in the lab: Science software, experimental features.
Add with:
|400px]]
 
<syntaxhighlight lang="html">
<div style="width: 360px; float: right; padding: 1ex; margin: 1ex; border: 0px solid grey;"><a href="https://community.kde.org/File:Mascot konqi-app-presentation.png"><img src="https://community.kde.org/images.community/thumb/8/8b/Mascot_konqi-app-presentation.png/170px-Mascot_konqi-app-presentation.png" /></a></div>
</syntaxhighlight>
 
==Game Konqi==
[[File:Mascot konqi-app-game.png|400px]]
 
Add with:
 
<syntaxhighlight lang="html">
<div style="width: 360px; float: right; padding: 1ex; margin: 1ex; border: 0px solid grey;"><a href="https://community.kde.org/File:Mascot konqi-app-game.png"><img src="https://community.kde.org/images.community/thumb/8/80/Mascot_konqi-app-game.png/170px-Mascot_konqi-app-game.png" /></a></div>
</syntaxhighlight>
 
==Developer Konqi==
[[File:Mascot konqi-app-dev.png|400px]]
 
Add with:
 
<syntaxhighlight lang="html">
<div style="width: 360px; float: right; padding: 1ex; margin: 1ex; border: 0px solid grey;"><a href="https://community.kde.org/File:Mascot konqi-app-dev.png"><img src="https://community.kde.org/images.community/thumb/7/79/Mascot_konqi-app-dev.png/261px-Mascot_konqi-app-dev.png" /></a></div>
</syntaxhighlight>
 
==System configuring Konqi==
[[File:Mascot konqi-app-system.png|400px]]
[[File:Mascot konqi-app-system.png|400px]]
[[File:Mascot konqi-app-utilities.png|400px]]
[[File:Mascot konqi-commu-akademy.png|400px]]
[[File:Mascot konqi-commu-journalist.png|400px]]
[[File:Mascot konqi-commu-mail.png|400px]]
[[File:Mascot konqi-commu-randa.png|400px]]
[[File:Mascot konqi-support-bughunt.png|400px]]
[[File:Mascot konqi-support-business.png|400px]]
[[File:Mascot konqi-support-document.png|400px]]
[[File:Mascot konqi-support-document.png|400px]]
[[File:Mascot konqi-support-search.png|400px]]


Add with:
<syntaxhighlight lang="html">
<div style="width: 360px; float: right; padding: 1ex; margin: 1ex; border: 0px solid grey;"><a href="https://community.kde.org/File:Mascot konqi-app-system.png"><img src="https://community.kde.org/images.community/thumb/c/c8/Mascot_konqi-app-system.png/217px-Mascot_konqi-app-system.png" /></a></div>
</syntaxhighlight>
==Rocking Konqi!==
[[File:Mascot konqi-app-multimedia.png|400px]]
Add with:
<syntaxhighlight lang="html">
<div style="width: 360px; float: right; padding: 1ex; margin: 1ex; border: 0px solid grey;"><a href="https://community.kde.org/File:Mascot konqi-app-multimedia.png"><img src="https://community.kde.org/images.community/thumb/5/5c/Mascot_konqi-app-multimedia.png/194px-Mascot_konqi-app-multimedia.png" /></a></div>
</syntaxhighlight>
==Qt love inside konqi==
[[File:Mascot konqi-dev-qt.png|400px]]
Add with:


<syntaxhighlight lang="html">
<div style="width: 360px; float: right; padding: 1ex; margin: 1ex; border: 0px solid grey;"><a href="https://community.kde.org/File:Mascot konqi-dev-qt.png"><img src="https://community.kde.org/images.community/thumb/1/11/Mascot_konqi-dev-qt.png/170px-Mascot_konqi-dev-qt.png" /></a></div>
</syntaxhighlight>
[[File:Mascot konqi-app-utilities.png|400px]]
'''<big>Konqi the engineer</big>'''<br />
Usage suggestion: Utility software, engineering, tools, under construction.<br />
<nowiki>File:Flying Konqi.png</nowiki><br />
HTML for webpage:
<syntaxhighlight lang="html">
<div style="width: 360px; float: right; padding: 1ex; margin: 1ex; border: 0px solid grey;"><a href="https://community.kde.org/File:Mascot konqi-app-utilities.png"><img src="https://community.kde.org/images.community/thumb/9/95/Mascot_konqi-app-utilities.png/260px-Mascot_konqi-app-utilities.png" /></a></div>
</syntaxhighlight>


=Timothée Giet's artworks=
===Artworks by Timothée Giet===
[[File:Flying Konqi.png|400px]]
[[File:Flying Konqi.png|400px]]


Revision as of 04:07, 19 July 2017

 
Under Construction
This is a new page, currently under construction!
Konqi is helping with the news!

Konqi is KDE's mascot. Whenever a little fun is needed, Konqi and his colorful KDE dragon friends are here to help! This page contains many artworks that features Konqi and other KDE dragons, as well as guidelines and source codes that makes the implementation easier.


Want to learn more about Konqi and other KDE dragons? Go to Konqi's page!

Introduction

Tyson Tan's KDE dragon artworks

  • sRGB color space.
  • Sized around A4 300 dpi, ready for high-quality printing.
  • PNG files with transparent background, easy to be used with any background and surface.
  • All made with Krita.
  • Licensed under Creative Commons BY-SA, GFDL and LGPL.
  • In case of CC-BY-SA, no need to credit the artist when it is awkward to do so.
  • You can request the artist for alteration and new KDE dragon artwork, via twitter or email: [email protected] .

For KDE.News ("the Dot") and other websites

In general, people appreciate a little visual stimulation when reading an article. Adding a picture to a text-only article makes a huge difference.

Abstract artwork is what displays on the side of the first paragraph of an article. Have a look at Konqi's Wikipedia page and you'll get the idea. Normally, you can use a screenshot, a photos or an icon in that corner. But there are times when you have nothing to work with, and that is when Konqi and other KDE dragons come to rescue!

For Dot, you can click the "edit summary" button to make adjustment to the abstract text. Make sure both the abstract text and the abstract artwork show up on the front page.

Overview gallery

This section lists the thumbnails of the available artworks, each with usage suggestions.

Artworks by Tyson Tan

  • Default Konqi: Anything.

    Default Konqi: Anything.

  • Konqi and KDE Oxygen logo: KDE specific, Oxygen, logo.

    Konqi and KDE Oxygen logo: KDE specific, Oxygen, logo.

  • Katie and laptop: KDE women, mobile device, programming.

    Katie and laptop: KDE women, mobile device, programming.

  • Konqi and Qt: Anything Qt.

    Konqi and Qt: Anything Qt.

  • Konqi and KDE Frameworks: KDE Frameworks, Platforms, and other infrastructures.

    Konqi and KDE Frameworks: KDE Frameworks, Platforms, and other infrastructures.

  • Konqi and Plasma Desktop: Plasma, window manager, OpenGL, touch.

    Konqi and Plasma Desktop: Plasma, window manager, OpenGL, touch.

  • Konqi and his dev PC: KDE development software, multi-screen, programming.

    Konqi and his dev PC: KDE development software, multi-screen, programming.

  • Konqi and poker: Games

    Konqi and poker: Games

  • Konqi painting: Graphics and creative applications.

    Konqi painting: Graphics and creative applications.

  • Konqi and hardware: Hardware, CPU/GPU multi-thread load-balancing.

    Konqi and hardware: Hardware, CPU/GPU multi-thread load-balancing.

  • Konqi and internet: Internet, web browsers, IRC, instant messenger, networking.

    Konqi and internet: Internet, web browsers, IRC, instant messenger, networking.

  • Konqi and guitar: Music, multimedia, mixer, audio.

    Konqi and guitar: Music, multimedia, mixer, audio.

  • Konqi in office: Office productivity, Calligra Suite.

    Konqi in office: Office productivity, Calligra Suite.

  • Konqi giving a presentation: Presentation, education, teaching.

    Konqi giving a presentation: Presentation, education, teaching.

  • Konqi in the lab: Science software, experimental features.

    Konqi in the lab: Science software, experimental features.

  • Konqi and the gear: System settings, accessibility, KDE system parts.

    Konqi and the gear: System settings, accessibility, KDE system parts.

  • Konqi the engineer: Utility software, engineering, tools, under construction.

    Konqi the engineer: Utility software, engineering, tools, under construction.

  • Konqi on Akademy: Akademy, lecture, presentation.

    Konqi on Akademy: Akademy, lecture, presentation.

  • Konqi interviewing: Event reporting, media coverage, journalist.

    Konqi interviewing: Event reporting, media coverage, journalist.

  • Konqi and mails: Email client, maillist, communication.

    Konqi and mails: Email client, maillist, communication.

  • Konqi and Randa Meeting: Randa Meeting, alpen.

    Konqi and Randa Meeting: Randa Meeting, alpen.

  • Konqi hunting bugs: Bug report, sprints.

    Konqi hunting bugs: Bug report, sprints.

  • Konqi and serious business: KDE.e.V., financial, licensing, law.

    Konqi and serious business: KDE.e.V., financial, licensing, law.

  • Konqi and documentations: help, support, documentations, books, literature.

    Konqi and documentations: help, support, documentations, books, literature.

  • Search, archive, documentations.

    Search, archive, documentations.

Artworks by Timothée Giet

  • Flying Konqi: Anything.

    Flying Konqi: Anything.

Source codes for used on webpage

For using the artworks outside of the KDE Wikis, source codes are provided for each picture.

Notice

  • Actual inserted size: 250px wide.
  • By using these source codes, you are linking the artwork images directly from KDE Community's server.

Temporary Thumbnails 250px

These thumbnails are temporary. They are here to generate necessary images for the HTML code to link to. They will be replaced by larger size below them, once the editing process is complete.

Konqi in the lab: Science software, experimental features.

Artworks by Tyson Tan

This section is work in progress. Temporary content were inserted before hand to make the editing process easier.

TITLE
For: PURPOSE
FILENAME
HTML for webpage: 

CODE

Konqi in the lab: Science software, experimental features.


Artworks by Timothée Giet

Flying Konqi
Usage suggestion: Anything
File:Flying Konqi.png
HTML for webpage: 

<div style="width: 360px; float: right; padding: 1ex; margin: 1ex; border: 0px solid grey;"><a href="https://community.kde.org/File:Flying Konqi.png"><img src="https://community.kde.org/images.community/thumb/2/2a/Flying_Konqi.png/400px-Flying_Konqi.png" /></a></div>
Retrieved from "https://community.kde.org/index.php?title=Promo/Material/Mascots&oldid=77381"