Add introduction field to articles

[pepelsbey]

This probably requires a lot of manual work (up to 217 articles from “yes” list).

Possible task workflow. Feel free to automate it.

1. Run git clone git@github.com:operasoftware/devopera.git to clone repository to devopera folder
2. While it’s running log in to Dev.Opera
3. Once cloning is finished, go to articles/_posts folder
4. Open MD file, copy title: field, Google it and go to article
5. Click “Edit article” link at sidebar
6. Copy contents of “Introduction” field
7. Add new intro: field to MD file with copied text
8. Repeat from 4 with next MD file

Intro contents should be in MD format (square brackets for links, backticks for code, etc.) and quoted, preferably using single quotes '. If there are single quotes inside: didn't replace them with apostrophe didn’t (which is Alt Shift } on Mac).

There are also translated MD located in articles/LANG/_posts folders. You could take care of your favorite language.

Example for “Understanding 3D Transforms” article:

---
title: Understanding 3D Transforms
authors:
- tiffany-brown
intro: 'In this article we’ll dig in to 3D transforms in detail,
looking at the fundamental differences between 3D and
2D transforms, the 3D transforms available, and some
demos that show how these work.'
tags:
- css
- css3
- transforms
layout: article

---

[pepelsbey]

Volunteers? It’s slightly more than 50 articles for 4 persons

/cc @brucelawson @mathiasbynens @andreasbovens @shwetank

[pepelsbey]

@andreasbovens, make sure that we have the same field available for ODIN posts

[mathiasbynens]

I’ll probably be a bit busy preparing / cleaning up / checking the static Dev.Opera backup for the next few days (#17). I could do a few articles after that.

[mathiasbynens]

• 2006-02-07-opera-9-technology-preview-2.md
• 2006-02-07-opera-labs-opens-doors.md
• 2006-02-28-introduction-to-web-applications.md
• 2006-03-30-developers-gone-wild-opera-web-apps-blog.md
• 2006-04-20-opera-9-beta.md
• 2006-05-08-beautiful-scalable-web-documents.md
• 2006-05-10-debugging-svg.md
• 2006-05-23-opera-9-beta-2.md
• 2006-08-02-whats-a-browser-security-issue-anyway.md
• 2006-09-01-event-streaming-to-web-browsers.md
• 2006-11-01-limited-opera-mini-3.0-beta.md
• 2006-11-09-introducing-extended-validation-certificates.md
• 2007-03-28-opera-9.20-beta.md
• 2007-04-13-making-the-future-based-on-html.md
• 2007-04-17-a-call-for-video-on-the-web.md
• 2007-09-27-mathml-support-in-opera-kestrel.md
• 2007-10-17-blob-sallad-canvas-tag-and-javascript.md
• 2007-11-07-a-call-for-video-on-the-web-opera-video-release-on-labs.md
• 2007-12-06-json-configuration-for-javascript.md
• 2007-12-19-microformat-encoding-and-visualization.md
• 2008-02-21-css-text-shadows-and-background-sizing.md
• 2008-02-29-photoshop-like-effects-in-svg.md
• 2008-03-28-public-acid3-build.md
• 2008-04-10-opera-mini-for-android.md
• 2008-04-25-opera-kestrel-beta-2.md
• 2008-05-08-opera-announces-file-io-in-widgets.md
• 2008-05-29-the-freelancing-business-part-1-pricing.md
• 2008-07-03-a-browser-sniffing-warning-the-trouble.md
• 2008-07-18-all-together-now-video-3d-file-access.md
• 2008-07-24-the-freelancing-business-part-2-budget.md
• 2008-08-01-introduction-to-wai-aria.md
• 2008-08-07-setting-web-type-to-a-baseline-grid.md
• 2008-08-15-grids-for-web-page-layouts.md
• 2008-08-21-css-3-attribute-selectors.md
• 2008-08-28-zebra-striping-tables-with-css3.md
• 2008-09-10-opera-binary-markup-language.md
• 2008-10-01-automatic-numbering-with-css-counters.md
• 2008-11-21-2d-barcodes-real-world.md
• 2008-11-25-video-3d-canvas-and-file-io-repeat.md
• 2008-12-07-keyboard-accessible-google-maps.md
• 2008-12-28-3d-games-with-canvas-and-raycasting-part-1.md
• 2009-01-08-html5-canvas-basics.md
• 2009-01-15-raphael-javascript-api-for-svg.md
• 2009-02-05-carakan.md
• 2009-02-20-gears-enabled-opera-mobile-9.5-preview.md
• 2009-03-05-introducing-opera-fingertouch.md
• 2009-03-06-introduction-to-hcard-part-1.md
• 2009-03-13-3d-games-with-canvas-and-raycasting-part-2.md
• 2009-03-13-opera-turbo.md
• 2009-03-17-html5-canvas-painting.md
• 2009-03-26-find-me-geolocation-enabled-opera-build.md
• 2009-03-27-introduction-to-hcard-part-2-styling.md
• 2009-04-01-introducing-opera-face-gestures.md
• 2009-04-22-javascript-for-hackers.md
• 2009-06-16-taking-the-web-into-our-own-hands.md
• 2009-07-08-accessible-drag-and-drop.md
• 2009-08-06-the-freelancing-business-part-3-scheduling.md
• 2009-09-01-hsl-rgb-and-alpha-transparency.md
• 2009-09-23-adding-meaning-to-http-error-pages.md
• 2009-10-15-opera-widgets-web-applications.md
• 2009-12-22-css3-borders-backgrounds-boxes.md
• 2009-12-22-css3-transitions-and-2d-transforms.md
• 2009-12-22-opera-10.5-pre-alpha-for-labs.md
• 2010-01-13-accessible-html5-video-with-javascripted-captions.md
• 2010-02-04-svg-or-canvas-choose.md
• 2010-02-11-introduction-html5-video.md
• 2010-02-18-opera-widgets-go-mobile.md
• 2010-03-10-everything-you-need-to-know-html5-video-audio.md
• 2010-04-01-css-generated-content-techniques.md
• 2010-04-22-opera-mobile-emulator-for-desktop.md
• 2010-04-27-beautiful-ui-styling-with-css3.md
• 2010-05-11-were-back-opera-mobile-10-on-maemo.md
• 2010-05-19-opera-supports-webm-video.md
• 2010-05-19-welcome-webm-video.md
• 2010-06-09-css3-show-and-hide.md
• 2010-06-16-w3c-geolocation-api.md
• 2010-07-01-offline-applications-html5-appcache.md
• 2010-07-01-web-workers-rise-up.md
• 2010-07-06-html5-audio-radio-player.md
• 2010-07-15-cross-browser-box-shadows.md
• 2010-07-21-opera-mobile-10.1-for-maemo.md
• 2010-07-28-custom-html5-video-player-with-css3-and-jquery.md
• 2010-07-28-mobile-web-optimization-guide.md
• 2010-08-04-cognitive-disability-learning-difficulty.md
• 2010-09-09-creating-web-content-for-tv.md
• 2010-09-29-opera-dragonfly-visual-refresh.md
• 2010-10-06-consistent-event-firing-with-html5-video.md
• 2010-10-21-opera-11-alpha-another-puzzle-piece.md
• 2010-10-27-css3-target-based-interfaces.md
• 2010-11-22-web-sockets.md
• 2010-12-11-more-accessible-html5-video-player.md
• 2010-12-16-new-form-features-in-html5.md
• 2010-12-21-new-structural-elements-in-html5.md
• 2010-12-22-widget-runtime-wac-1.0-alpha-for-android.md
• 2011-01-06-css3-object-fit-object-position.md
• 2011-01-21-widget-runtime-wac-1.0-beta-for-android.md
• 2011-02-01-widget-runtime-wac-1.0-beta-2-for-android.md
• 2011-02-11-opera-mini-content-authoring-guidelines.md
• 2011-02-14-widget-runtime-wac-1.0-golden-for-android.md
• 2011-02-17-html5-video-flash-fallback-custom-controls.md
• 2011-02-22-html5-compliance-the-next-step.md
• 2011-02-23-javascript-array-extras-in-detail.md
• 2011-02-28-webgl-and-hardware-acceleration.md
• 2011-03-09-woff-web-open-font-format.md
• 2011-03-17-css3-linear-gradients.md
• 2011-03-17-css3-multi-column-layout.md
• 2011-03-22-an-introduction-to-meta-viewport-and-viewport.md
• 2011-03-22-offline-web-apps.md
• 2011-03-22-opera-mobile-11-for-maemo-meego-windows.md
• 2011-04-12-w3c-file-api.md
• 2011-05-24-opera-mobile-11-meego-arm-developer-preview.md
• 2011-05-25-opera-mobile-emulator.md
• 2011-05-31-introduction-to-datasets.md
• 2011-06-28-html5-history-api.md
• 2011-07-21-100-ragnarok-n-roll.md
• 2011-07-25-tweaking-spatial-navigation-for-tv-browsing.md
• 2011-08-29-opera-mini-request-headers.md
• 2011-10-07-css3-radial-gradients.md
• 2011-10-13-introduction-to-webgl-part-1.md
• 2011-10-19-more-fun-getusermedia-native-pages.md
• 2011-10-19-playing-with-html5-video-and-getusermedia.md
• 2011-11-02-opera-mobile-labs-11.5-meego-netbooks-tablets.md
• 2011-11-16-web-mapping-app-with-pergola-and-polymaps.md
• 2011-11-21-opera-for-devices-out-of-memory-system.md
• 2011-11-21-opera-tv-emulator-getting-started.md
• 2011-12-06-html5-custom-protocol-and-content-handlers.md
• 2011-12-06-introducing-ecmascript-5.1.md
• 2011-12-14-better-error-handling-with-window-onerror.md
• 2011-12-14-dom-access-control-using-cors.md
• 2011-12-24-adaptive-web-design-with-media-queries.md
• 2011-12-24-introduction-to-webgl-part-2-porting-3d.md
• 2012-01-10-getusermedia-access-camera-privacy-ui.md
• 2012-02-01-http-basic-introduction.md
• 2012-02-01-window-postmessage-messagechannel.md
• 2012-02-09-64-bit-opera-and-out-of-process-plugins.md
• 2012-02-09-design-considerations-for-opera-tv-store-applications.md
• 2012-02-10-building-applications-for-the-opera-tv-store.md
• 2012-02-10-functional-key-handling-in-opera-tv-store-applications.md
• 2012-02-10-html5-audio-video-in-opera-tv-store-apps.md
• 2012-02-21-a-treat-for-nokia-n9-users-opera-mobile-labs-11.5.md
• 2012-02-27-opera-mobile-12-android-ics-mips.md
• 2012-02-27-opera-mobile-12-android-ics-x86.md
• 2012-02-29-raw-webgl-part-1-getting-started.md
• 2012-02-29-wordpress-goes-mobile.md
• 2012-04-03-extensions-opera-mobile-labs.md
• 2012-04-12-responsive-design-project-management.md
• 2012-04-25-css3-animations.md
• 2012-04-25-drag-and-drop.md
• 2012-04-27-opera-mobile-emulator-webkit-prefix-support.md
• 2012-05-16-new-extension-apis-screenshot-resource-loader-url-filter.md
• 2012-05-23-understanding-the-css-transforms-matrix.md
• 2012-06-13-responsive-images-problem.md
• 2012-06-20-an-introduction-to-webvtt-and-track.md
• 2012-06-20-http-lets-get-it-on.md
• 2012-06-27-raw-webgl-part-2-simple-shader.md
• 2012-07-06-opera-spdy-build.md
• 2012-07-12-w3c-device-orientation-api.md
• 2012-07-18-head-tracking-with-webrtc.md
• 2012-07-25-raw-webgl-part-3-advanced-shader.md
• 2012-07-25-robohydra-testing-client-server-interactions.md
• 2012-08-02-mobile-browser-automation.md
• 2012-08-20-testing-your-app-inside-opera-tv-store.md
• 2012-08-29-xhr2.md
• 2012-09-05-functional-keys-in-opera-tv-browsers.md
• 2012-09-05-opera-mini-and-javascript.md
• 2012-09-12-http-response-codes.md
• 2012-09-12-using-robohydra-as-mock-server.md
• 2012-09-26-css3-vs-jquery-animations.md
• 2012-09-26-responsive-web-development-with-wordpress.md
• 2012-10-09-flexbox-basics.md
• 2012-10-17-client-side-error-logging.md
• 2012-10-17-webgl-post-processing.md
• 2012-10-23-network-service-discovery-api.md
• 2012-12-05-raw-webgl-part-4-textures.md
• 2012-12-05-robohydra-advanced-techniques.md
• 2012-12-21-native-css-feature-detection.md
• 2013-01-07-opera-tv-store-app-templates.md
• 2013-01-23-opera-tv-emulator.md
• 2013-03-05-web-storage.md
• 2013-04-10-advanced-cross-browser-flexbox.md
• 2013-04-17-animating-flexboxes-the-lowdown.md
• 2013-04-30-tv-store-icons-thumbnails-and-screenshots.md
• 2013-05-21-remotely-debugging-opera-for-android.md
• 2013-06-12-better-performance-with-requestanimationframe.md
• 2013-06-12-understanding-3d-transforms.md
• 2013-07-02-extension-developer-interviews-cottontracks.md
• 2013-07-03-css-viewport-units.md
• 2013-07-03-introduction-to-css-regions.md
• 2013-08-27-extension-developer-interviews-disconnect.md
• 2013-09-06-mutation-observers-tutorial.md
• 2013-09-17-extension-developer-interviews-wot.md
• 2013-09-26-media-capture-in-mobile-browsers.md
• 2013-10-17-themes-in-opera-18-and-higher.md
• 2013-10-18-game-style-parallax-scrolling-zombie-edition.md
• 2013-10-23-extension-developer-interviews-adblockplus.md

[mathiasbynens]

@pepelsbey @andreasbovens I don’t see any “Edit article” links in the sidebar. I’m logged in with my mathiasbynens account on Dev.Opera. Could you give me edit permission?

Update: never mind; asking Andreas P.

[mathiasbynens]

Okay, got edit access. I’ll volunteer do add all the introductions. Will try to finish this week.

[mathiasbynens]

@pepelsbey A lot of the posts that don’t have a intro field yet still lack the article’s content, too. I suppose that can be added too? :)

[pepelsbey]

@mathiasbynens, there are up to 90 articles with only front matter filled, so yes — feel free to copy article contents as well as introduction field.

[mathiasbynens]

@pepelsbey Will do.