Jump to content

User:Layer-09/Sandbox/Infobox Emacs: Difference between revisions

From NixOS Wiki
Layer-09 (talk | contribs)
No edit summary
Layer-09 (talk | contribs)
No edit summary
 
(15 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly>
<includeonly>
{{User:Layer-09/Sandbox/Infobox Emacs/Content
<div class="nix-wiki infobox" style="
   |clip                   = {{{clip|}}}
  --infobox-color: rgb(82, 119, 195);
   |title                 = {{{title|}}}
  --infobox-background: #f9f9f9;
  |image                 = {{{image|}}}
 
   |developer              = {{{developer|}}}
  --infobox-border-color: var(--infobox-color);
  |initial_release        = {{{initial_release|}}}
  --infobox-border-radius: 1rem;
  |latest_release_version = {{{latest_release_version|}}}
  --infobox-border-size: 3px;
  |latest_release_date    = {{{latest_release_date|}}}
 
  |programming_language  = {{{programming_language|}}}
  --infobox-title-color: var(--infobox-color);
  |operating_system       = {{{operating_system|}}}
  --infobox-title-size: 1rem;
  |license                = {{{license|}}}
  --infobox-title-weight: bold;
  |footer                = {{{footer|}}}
  --infobox-title-align: center;
}}
 
  /* Define specific paddings for better control over spacing */
   --infobox-header-vertical-padding: 0.3rem;
  --infobox-content-vertical-padding: 0.3rem;
  --infobox-horizontal-padding: 1rem;
 
  --infobox-content-size: 90%;
  --infobox-content-title-color: var(--infobox-title-color);
 
  --infobox-separator-size: {{#if: {{{clip|}}} | 10px | 0}};
  --infobox-separator-clip: {{#if: {{{clip|}}} | polygon(0 0, 100% 100%, 0 100%) | none}};
 
  border: solid 3px var(--infobox-color);
   border-radius: var(--infobox-border-radius);
  overflow-y: hidden;
  width: 50em; /* Increased width */
  float: right;
  clear: right;
">
  <div class="nix-wiki infobox-header" style="
    padding: var(--infobox-header-vertical-padding) var(--infobox-horizontal-padding);
    text-align: center;
  ">
    <p class="nix-wiki infobox-title" style="
      color: var(--infobox-title-color);
      font-size: var(--infobox-title-size);
      font-weight: var(--infobox-title-weight);
      text-align: var(--infobox-title-align);
      margin-top: 0;
      margin-bottom: 0.5em;
    ">{{{title}}}</p>
    <div class="nix-wiki infobox-image" style="margin: 0 auto;">[[File:{{{image}}}|frameless|upright=0.45]]</div>
  </div>
 
  <div class="nix-wiki infobox-separator" style="
    height: var(--infobox-separator-size);
    width: 100%;
    background-color: #ffffff;
    clip-path: var(--infobox-separator-clip);
  "></div>
 
  <div class="nix-wiki infobox-content" style="
    padding: var(--infobox-content-vertical-padding) var(--infobox-horizontal-padding);
    background-color: var(--infobox-background);
    text-align: left;
    font-size: var(--infobox-content-size);
   ">
    <table style="width: 100%; border-collapse: collapse; background-color: transparent;">
      {{#if: {{{paradigm|}}} | <tr><th style="text-align: left; vertical-align: top; padding: 0.2em 1em 0.2em 0; color: var(--infobox-title-color); white-space: nowrap; width: 1px;">Paradigm</th><td style="padding: 0.2em 0;">{{{paradigm}}}</td></tr> }}
      {{#if: {{{family|}}} | <tr><th style="text-align: left; vertical-align: top; padding: 0.2em 1em 0.2em 0; color: var(--infobox-title-color); white-space: nowrap; width: 1px;">Family</th><td style="padding: 0.2em 0;">{{{family}}}</td></tr> }}
      {{#if: {{{designed_by|}}} | <tr><th style="text-align: left; vertical-align: top; padding: 0.2em 1em 0.2em 0; color: var(--infobox-title-color); white-space: nowrap; width: 1px;">Designed by</th><td style="padding: 0.2em 0;">{{{designed_by}}}</td></tr> }}
      {{#if: {{{developer|}}} | <tr><th style="text-align: left; vertical-align: top; padding: 0.2em 1em 0.2em 0; color: var(--infobox-title-color); white-space: nowrap; width: 1px;">Developer</th><td style="padding: 0.2em 0;">{{{developer}}}</td></tr> }}
      {{#if: {{{first_appeared|}}} | <tr><th style="text-align: left; vertical-align: top; padding: 0.2em 1em 0.2em 0; color: var(--infobox-title-color); white-space: nowrap; width: 1px;">First appeared</th><td style="padding: 0.2em 0;">{{{first_appeared}}}</td></tr> }}
      {{#if: {{{stable_release|}}} | <tr><th style="text-align: left; vertical-align: top; padding: 0.2em 1em 0.2em 0; color: var(--infobox-title-color); white-space: nowrap; width: 1px;">Stable release</th><td style="padding: 0.2em 0;">{{{stable_release}}}</td></tr> }}
      {{#if: {{{os|}}} | <tr><th style="text-align: left; vertical-align: top; padding: 0.2em 1em 0.2em 0; color: var(--infobox-title-color); white-space: nowrap; width: 1px;">OS</th><td style="padding: 0.2em 0;">{{{os}}}</td></tr> }}
       {{#if: {{{license|}}} | <tr><th style="text-align: left; vertical-align: top; padding: 0.2em 1em 0.2em 0; color: var(--infobox-title-color); white-space: nowrap; width: 1px;">License</th><td style="padding: 0.2em 0;">{{{license}}}</td></tr> }}
      {{#if: {{{filename_extensions|}}} | <tr><th style="text-align: left; vertical-align: top; padding: 0.2em 1em 0.2em 0; color: var(--infobox-title-color); white-space: nowrap; width: 1px;">Extensions</th><td style="padding: 0.2em 0;">{{{filename_extensions}}}</td></tr> }}
      {{#if: {{{website|}}} | <tr><th style="text-align: left; vertical-align: top; padding: 0.2em 1em 0.2em 0; color: var(--infobox-title-color);">Website</th><td style="padding: 0.2em 0;">{{{website}}}</td></tr> }}
    </table>
  </div>
</div>
</includeonly>
</includeonly>


Line 21: Line 81:
<pre>
<pre>
{{User:Layer-09/Sandbox/Infobox Emacs
{{User:Layer-09/Sandbox/Infobox Emacs
  | title                  = Emacs
  | title                  = GNU Emacs
  | image                  = EmacsIcon.svg
  | image                  = EmacsIcon.svg
  | developer              = [[Free Software Foundation]]
  | paradigm                = Functional, meta, reflective
  | initial_release        = 1976
  | family                  = Lisp
  | latest_release_version  = 29.2
  | designed_by            = [[Richard Stallman]], [[Guy L. Steele, Jr.]]
  | latest_release_date    = {{Start date and age|2024|04|12}}
  | developer              = [[GNU Project]]
  | programming_language    = [[C (programming language)|C]], [[Emacs Lisp]]
| first_appeared          = 1985; 40 years ago
  | operating_system        = Cross-platform
  | stable_release          = 29.4 / 22 June 2024; 11 months ago
  | os                      = Cross-platform
  | license                = [[GNU General Public License]]
  | license                = [[GNU General Public License]]
  | footer                  = [https://www.gnu.org/software/emacs gnu.org/emacs]
  | filename_extensions    = .el, .elc, .eln
| website                = [https://www.gnu.org/software/emacs gnu.org/emacs]
}}
}}
</pre>
</pre>
</noinclude>
</noinclude>

Latest revision as of 15:34, 5 June 2025


Example Usage

Paste this into a page to see the infobox:

{{User:Layer-09/Sandbox/Infobox Emacs
 | title                   = GNU Emacs
 | image                   = EmacsIcon.svg
 | paradigm                = Functional, meta, reflective
 | family                  = Lisp
 | designed_by             = [[Richard Stallman]], [[Guy L. Steele, Jr.]]
 | developer               = [[GNU Project]]
 | first_appeared          = 1985; 40 years ago
 | stable_release          = 29.4 / 22 June 2024; 11 months ago
 | os                      = Cross-platform
 | license                 = [[GNU General Public License]]
 | filename_extensions     = .el, .elc, .eln
 | website                 = [https://www.gnu.org/software/emacs gnu.org/emacs]
}}