### Article Markdown Format Example

Source: https://context7.com/alexjsully/small-dev-talk/llms.txt

This is an example of the markdown format used for articles within the project. Articles include headings, images, descriptive text, and embedded media like YouTube videos, all structured using standard markdown syntax.

```markdown
## Caravaneer 2

![image1](src\articleArchive\authorAlexanderSullivan\2013-03-26_Caravaneer2\image1.jpg)

The great sequel to Caravaneer is coming soon and I got the chance to talk with the developer!

**Small Dev Talk: What is Caravaneer 2?**

**Dmitry Zheltobriukhov:** Caravaneer 2 is a free single player browser-based game.

[![YouTube Video](https://img.youtube.com/vi/5MSFJ30FFZ0/0.jpg)](https://www.youtube.com/watch?v=5MSFJ30FFZ0)

**Small Dev Talk: Does Caravaneer 2 have a story?**

**Dmitry Zheltobriukhov:** It will certainly have a story...
```

--------------------------------

### URL Parameter Navigation Implementation

Source: https://context7.com/alexjsully/small-dev-talk/llms.txt

This JavaScript code demonstrates how the application uses URL query parameters to navigate between different views, such as specific articles, category pages, and the archive. It parses the document URL to extract parameters and calls appropriate functions for content loading.

```javascript
// URL parsing implementation
const docURL = document.URL;
const [, query] = docURL.split("?");
if (query) {
  const [articleTitle, category] = query.split("&");
  if (query.split("&").length === 1) {
    // Single article view
    ArticleFiller.grabArticle(articleTitle);
  } else {
    // Category page view
    ArticleFiller.changeCarousel();
  }
}
```

--------------------------------

### Page Display Configuration JSON

Source: https://context7.com/alexjsully/small-dev-talk/llms.txt

Configuration for featured articles and carousel display per page category. It specifies which articles to display and which to feature in carousels for different sections of the website.

```json
{
  "index": {
    "carousel": ["HearthstoneDownWithTheSickness", "EarlyAccessPhantasmal", "CENTS"],
    "displayArticles": [
      "HearthstoneDownWithTheSickness",
      "EarlyAccessPhantasmal",
      "COLORINO",
      "CENTS"
    ]
  },
  "games": {
    "carousel": ["MotteIsland", "TacticalInterventionReview", "LumberIsland"],
    "displayArticles": ["COLORINO", "LinkedPathways", "Playsets"]
  }
}
```

--------------------------------

### ArticleFiller.retrieveArticleData() JavaScript

Source: https://context7.com/alexjsully/small-dev-talk/llms.txt

Fetches article metadata from a JSON file and initiates the process of loading articles. This function is automatically called on page load.

```javascript
// Automatically called on page load
ArticleFiller.retrieveArticleData();

// Internal implementation
fetch("/src/articleArchive/articleData.json")
  .then((response) => response.json())
  .then((articleData) => {
    ArticleFiller.articleData = articleData;
    ArticleFiller.callArticle();
  })
  .catch((error) => {
    console.error("Error retrieving article data:", error);
  });
```

--------------------------------

### Initialize Sentry SDK

Source: https://github.com/alexjsully/small-dev-talk/blob/master/index.html

Initializes the Sentry SDK for error tracking and performance monitoring. It includes configuration for DSN, release version, browser tracing, and console error capturing. It also sets an application version tag.

```javascript
Sentry.init({
  dsn: "https://c74a8d7e001f45c8bb4ebfa5a1e92664@o1185775.ingest.sentry.io/6600431",
  // @AlexJSully when updating the package version number in package.json, update the version number here as well.
  release: "small-dev-talk@1.3.4",
  integrations: [
    new Sentry.BrowserTracing(),
    new Sentry.Integrations.CaptureConsole({
      levels: ["error"],
    }),
  ],
  // We recommend adjusting this value in production, or using tracesSampler for finer control
  tracesSampleRate: 1.0,
});

Sentry.configureScope((scope) => {
  // @AlexJSully when updating the package version number in package.json, update the version number here as well.
  scope.setTag("app-version", "1.3.4");
});
```