Hi It's Natalie. πŸ‘‹

I'm a Web Developer currently working at Spellbook and a second year CS Student at MUN

I am currently trying to figure out how to spell book having a hard time but I'm pretty sure chatgpt may help :(

previously a satellite at
c-core summer 2024 through to the winter months
(it got cold up there)

Projects:

Nat Posting (to do) :

Odin vs. C++

Socials:

nataliec2k5 [at] gmail [dot] com
@grid: 1 / 180px; background: @shaders( void main() { vec2 p = (2. * gl_FragCoord.xy - u_resolution.xy) / u_resolution.y; p.y += .7; float width = 1.5; float height = 1.5; vec2 n = normalize(vec2(height, width / 2.)); float tri = max(abs(p).x * n.x + p.y * n.y - (height * n.y), -p.y); float ray = 0.02; vec3 col = mix(vec3(0.), vec3(1.), 1. - smoothstep(0., ray,abs(tri))); vec2 center = vec2(0.25, .9); float dist = length(p - center); float maxRadius = 1.7; float fade = 1. - smoothstep(0., maxRadius, dist); fade = pow(fade, 1.5); fade = fade < .1 ? 0.0 : fade; vec2 pBackground = gl_FragCoord.xy / u_resolution.xy; FragColor = vec4(pBackground.yx + col.yx, 1., fade); } );

Made with β„’β™‘β“₯β„―

by Natalie πŸ’–

Desktop background
πŸ”’
ncashin.dev
β€’
Last Post: 1 January 1970
β€Ή
β€Ί
⟳

Main Heading (H1)

This is a comprehensive test of all markdown elements.

Secondary Heading (H2)

Tertiary Heading (H3)

Quaternary Heading (H4)

Quinary Heading (H5)
Senary Heading (H6)

Text Formatting

Bold text and italic text can be combined for bold italic text.

You can also use inline code within paragraphs.

Here’s some strikethrough text and highlighted text.

Lists

Unordered Lists

  • First item
  • Second item with bold text
  • Third item with code
  • Nested list:
    • Sub-item 1
    • Sub-item 2
      • Deep nested item

Ordered Lists

  1. First numbered item
  2. Second numbered item
  3. Third numbered item with a link
  4. Nested ordered list:
    1. Sub-item 1
    2. Sub-item 2

Code Blocks

Basic Code Block

function helloWorld() {
  console.log("Hello, World!");
  return "Hello from Safari-style browser!";
}

Python Code Block

def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)

# Test the function
for i in range(10):
    print(f"F({i}) = {fibonacci(i)}")

CSS Code Block

.safari-style {
  background: linear-gradient(to bottom, #f0f0f0, #e0e0e0);
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

Blockquotes

This is a blockquote. It should have a nice left border and background styling.

It can span multiple lines and contain bold text and code.

Another blockquote with different content to test spacing.

Here are various types of links:

Images

Example Image

Tables

FeatureDescriptionStatus
Safari-style windowRounded corners, proper shadowsβœ… Complete
Markdown renderingComprehensive element supportβœ… Complete
Responsive designMobile-friendly layoutβœ… Complete
Code highlightingSyntax highlighting supportβœ… Complete

Complex Table

LanguageParadigmYear CreatedPopularity
JavaScriptMulti-paradigm1995Very High
PythonMulti-paradigm1991Very High
RustSystems2010Growing
HaskellFunctional1990Niche

Definition Lists

HTML definition lists (though not standard markdown):

Safari
A web browser developed by Apple Inc.
Markdown
A lightweight markup language for creating formatted text.

Horizontal Rules


Above is a horizontal rule.

Keyboard and Sample Text

Press Ctrl + C to copy.

Sample output: Hello, World!

Mathematical Expressions

Subscript: H2O

Superscript: E = mc2

Small Text

This is small text, often used for disclaimers or fine print.

Inserted and Deleted Text

This text has been inserted and this text has been deleted.

Code with Language Specification

interface BlogPost {
  title: string;
  author: string;
  content: string;
  tags?: string[];
}

const post: BlogPost = {
  title: "Test",
  author: "Natalie",
  content: "Beautiful markdown rendering",
};

Long Content Test

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Nested Content

This section tests nested content rendering:

  1. Bold numbered item
  2. Italic numbered item
  3. Code numbered item
  4. Link numbered item

Blockquote within a section

# Shell command example
echo "Testing nested code blocks"
guestbook