Mar 2023

27 Mon

28 Tue

1 Wed

2 Thu 06:35 AM – 06:55 AM IST

3 Fri

4 Sat

5 Sun

Online

Pinned update

Test update This update is for participants only

This is a test submission ¹

Cybersecurity is that vast and unknown terrain with significant nuances spread across every surface and boundary. How much do you know? What do you need to know?

Let’s start with Rootconf’s cybersecurity quiz, curated in collaboration with our curiosity partners Qshala.

heading1 this form #

heading2 #

heading3 #

heading4 #

heading5 #

Markmap #

Mindmap

# markmap

## Links

- <https://markmap.js.org/>
- [GitHub](https://github.com/gera2ld/markmap)

## Related Projects

- [coc-markmap](https://github.com/gera2ld/coc-markmap)
- [gatsby-remark-markmap](https://github.com/gera2ld/gatsby-remark-markmap)

Vegalite #

Visualization

{
"$schema": "https://vega.github.io/schema/vega-lite/v5.json",
"description": "A simple bar chart with embedded data.",
"data": {
 "values": [
   {"a": "A", "b": 28}, {"a": "B", "b": 55}, {"a": "C", "b": 43},
   {"a": "D", "b": 91}, {"a": "E", "b": 81}, {"a": "F", "b": 53},
   {"a": "G", "b": 19}, {"a": "H", "b": 87}, {"a": "I", "b": 52}
 ]
},
"mark": "bar",
"encoding": {
 "x": {"field": "a", "type": "nominal", "axis": {"labelAngle": 0}},
 "y": {"field": "b", "type": "quantitative"}
}
}

mermaid #

Visualization

flowchart TD
A[Hard edge] -->|Link text| B(Round edge)
 B --> C{Decision}
 C -->|One| D[Result one]
 C -->|Two| E[Result two]
 C -->|Two| E[Result two]
 C -->|Two| E[Result two]
 C -->|Two| E[Result two]
 C -->|Two| E[Result two]

Testing ↩︎

Hosted by

UniverseConf

This is a test submission 1 Cybersecurity is that vast and unknown terrain with significant nuances spread across every surface and boundary. How much do you know? What do you need to know? Let’s start with Rootconf’s cybersecurity quiz, curated in collaboration with our curiosity partners Qshala. more

Supported by

editor

Vidya Ramakrishnan

Vidya

Promoted

All submissions

Previous Next

Testing Prism JS

Submitted Dec 19, 2022

Talk: Beginner

Code #

Inline `code` #

Indented code #

// Some comments
line 1 of code
line 2 of code
line 3 of code

Block code “fences” #

Sample text here...
It is a sample text that has multiple lines

Syntax highlighting #

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>HTML5 Example Page</title>

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="HTML5 Example Page">
  <link rel="stylesheet" href="/assets/css/stylesheet.css?v=1">
  <style>
    body {width: 100%}
  </style>
  <script>
    let x = "Hello World!";
  </script>
</head>
<body>
  <header>
    <h1>HTML5 Example Page</h1>
  </header>

  <nav>
    <ul>
      <li><a href="">Home</a></li>
      <li><a href="">About</a></li>
      <li><a href="">Contact</a></li>
    </ul>
  </nav>

  <article>
    <h2>This is a headline</h2>
    <p>
      This paragraph is nested inside an article. It contains basic tags like <a href="#top">anchors</a>,
      <strong>strong</strong>, <em>emphasis</em>, and <u>underline</u>.
      It provides <del>deleted text</del> as well, which often gets replaced with <ins>inserted</ins> text.
    </p>

    <h3>This is subheadline for more content</h3>
    <ul>
      <li>Unordered lists have basic styles</li>
      <li>They use the circle list style
        <ul>
          <li>Nested list item one</li>
          <li>Nested list item two</li>
        </ul>
      </li>
      <li>Just one more list item</li>
    </ul>
    <ol>
      <li>Ordered lists also have basic styles</li>
      <li>They use the decimal list style
        <ul>
          <li>Nested list item one</li>
          <li>Nested list item two</li>
        </ul>
      </li>
      <li>Last list item</li>
    </ol>
  </article>

  <aside>
    <h3>This is some advanced content</h3>
    <figure>
      <img data-src="/assets/images/image.png"
           src="data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=="
           width="360" height="120" alt="Description of the first image"/>
      <figcaption>Caption for the first image</figcaption>
    </figure>

    <a href="#top">
      <figure>
        <img data-src="/assets/images/image2.png"
             src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs="
             width="360" height="80" alt="Description of the second image"/>
        <figcaption>Caption for the second image</figcaption>
      </figure>
    </a>

    <img alt="Description of a single image without a caption" src="/assets/images/image.webp"/>

    <p>
      <a class="button" href="#">Anchor button</a><br>
      <button>Button element</button>
    </p>

    <blockquote>
      “Infamous quote”
      <footer><cite>- Attribution</cite></footer>
    </blockquote>

    <hr>

    <details>
      <summary>Expandable title</summary>
      <p>Revealed content</p>
    </details>
    <details>
      <summary>Another expandable title</summary>
      <p>More revealed content</p>
    </details>

    <h4>This is a code example</h4>
    <pre><code>.some-class {
  background-color: red;
}</code></pre>
  </aside>

  <section>
    <h2>This is another headline</h2>
    <div class="some-class">
      This is a boxed element.
    </div>
    <div class="some-class">
      This is yet another boxed element.
    </div>

    <h3>This is a table</h3>
    <table>
      <thead>
      <tr>
        <th>Name</th>
        <th>Quantity</th>
        <th>Price</th>
      </tr>
      </thead>
      <tbody>
      <tr>
        <td>Cheese fondue</td>
        <td>1</td>
        <td>EUR 23</td>
      </tr>
      <tr>
        <td>Pizza</td>
        <td>10</td>
        <td>EUR 10.000,00</td>
      </tr>
      <tr>
        <td>Waffles</td>
        <td>1</td>
        <td>EUR 14,30</td>
      </tr>
      </tbody>
    </table>

    <h3>And this is a form</h3>
    <form>
      <div class="row">
        <label for="exampleSubject">Subject</label>
        <input type="text" placeholder="Your subject" id="exampleSubject">
      </div>
      <div class="row">
        <label for="exampleMessage">Message</label>
        <textarea placeholder="Your message" id="exampleMessage"></textarea>
      </div>
      <div class="row">
        <label>
          <input type="checkbox" id="exampleConfirmation"><span>Confirmation</span>
        </label>
      </div>
      <input type="submit" value="Submit">
    </form>
  </section>

  <footer>
    Made with <a href="https://html5example.com">html5example.com</a>
  </footer>

  <script src="/assets/js/scripts.js"></script>
</body>
</html>

var foo = function (bar) {
  return bar++;
};

Javascript can be highlighted by using either of the two keywords js and javascript


// Looks like we should also use the plugin for whitespaces!
console.log(foo(5));
console.log('`This should be printed`');

import os
from funnel.utils.markdown import DATAROOT, markdown

if os.file.path.exists(
    os.file.path.join(
        DATAROOT,
        'file',
        'path'
    )
):
    markdown('# I can output ``` also with a \\!')

*I can also type markdown code blocks.*
Isn't that **fantastic**!

- This is a list
  - Just testing
  - this out

[hasgeek](https://hasgeek.com)

// This crate is a library
#![crate_type = "lib"]
// The library is named "rary"
#![crate_name = "rary"]

pub fn public_function() {
    println!("called rary's `public_function()`");
}

fn private_function() {
    println!("called rary's `private_function()`");
}

pub fn indirect_access() {
    print!("called rary's `indirect_access()`, that\n> ");

    private_function();
}

(ns clojure.examples.hello
   (:gen-class))
(defn hello-world []
   (println "Hello World"))
(hello-world)