कचरा अपने साथ ले जाओ!

"कचरा अपने साथ ले जाओ!" - यह उस साइट का नाम है जिसे मैंने सप्ताहांत पर कुछ सप्ताह पहले बनाया था ⁽ मैंने इसे ^{लगभग 2 दिनों के} लिए किया था ⁾ , बसंत के मौसम के समय में, जब कई लोग छुट्टी के लिए शहर छोड़ना शुरू करते हैं।

मुख्य विचार सरल है - लोगों को यह समझाने के लिए कि प्रकृति को साफ रखने की आवश्यकता है। ऐसा करने के लिए, मैं हर किसी से आग्रह करता हूं कि वे साइट पर अपने कूड़ेदान (और न केवल खुद के लिए) की सफाई करें, साथ ही ए 4 प्रारूप में पोस्टर के लिए अलग-अलग विकल्पों का एक विकल्प है जो एक पारंपरिक प्रिंटर पर मुद्रित किया जा सकता है और एक पेड़ पर पुश पिन के साथ पिन किया जा सकता है, यह दृश्य आंदोलन का एक रूप है:

ग्राफिक्स

सबसे पहले, यह ध्यान देने योग्य है कि मैंने openclipart.org वेबसाइट पर पोस्टर के लिए ऐसी अद्भुत तस्वीरें लीं । वे एक नि: शुल्क लाइसेंस के तहत वितरित किए जाते हैं, और वेक्टर में प्रदान किए गए बहुत उच्च गुणवत्ता वाले हैं, इसलिए वे आदर्श रूप से क्लिपआर्ट के रूप में अनुकूल हैं।

मैंने इंकस्केप वेक्टर संपादक में पोस्टर आकर्षित किया, और फिर पीडीएफ फाइलों में सहेजा गया है जिसे वेबसाइट आगंतुक डाउनलोड और प्रिंट कर सकते हैं। संपादक ने इस कार्य को निष्ठापूर्वक संभाला।

"इंजन"

उद्धरण चिह्नों में - क्योंकि वहाँ बिल्ली रोती थी।
साइट django पर काम करती है, एक मॉडलका और तीन कार्यों का उपयोग करती है। एक जानवर के साथ प्रत्येक पोस्टर के लिए विकिपीडिया और एक वीडियो क्लिप का लिंक है, यह इसलिए किया जाता है ताकि आगंतुक पोस्टर से जानवर के बारे में अधिक जान सकें। पीडीएफ डाउनलोड लिंक एक फ़ंक्शन द्वारा संसाधित किया जाता है जो पोस्टर डाउनलोड के आंकड़े रखता है। यह लगभग संपूर्ण साइट कोड है:

models.py # coding: utf-8 import os import settings from django.db import models from django.core.files.storage import FileSystemStorage class OverwriteStorage(FileSystemStorage): def get_available_name(self, name): """ Returns a filename that's free on the target storage system, and available for new content to be written to. """ # If the filename already exists, remove it as if it was a true file system if self.exists(name): os.remove(os.path.join(settings.MEDIA_ROOT, name)) return name fs=OverwriteStorage(location=settings.MEDIA_ROOT) class Poster(models.Model): title = models.CharField(max_length=100, verbose_name=" ") thumbnail = models.ImageField(upload_to='images/posters',verbose_name=" ") preview = models.ImageField(upload_to='images/posters',verbose_name=" ") pdf = models.FileField("PDF  ", upload_to='posters/', storage=fs) downloads = models.IntegerField("  ", default=0) wiki_youtube_title = models.CharField(max_length=100, blank=True, default="", verbose_name="     ") wiki_url = models.URLField("    ", blank=True) video = models.TextField("   ", blank=True) youtube_url = models.URLField("  -", blank=True) def __unicode__(self): return u' "%s"' % self.title def get_absolute_url(self): return "/poster/%d/" % self.id class Meta(): ordering = ['id'] verbose_name = "" verbose_name_plural = "" views.py # coding: utf-8 from models import * from django.shortcuts import render_to_response, get_object_or_404 from django.template import RequestContext from django.http import HttpResponseRedirect def index(request): posters = Poster.objects.all() return render_to_response('website/index.html', {'posters': posters,}, context_instance=RequestContext(request)) def poster(request, poster_id, please_explain=False): poster = get_object_or_404(Poster, id=poster_id) return render_to_response('website/poster.html', {'poster': poster, 'please_explain': please_explain,}, context_instance=RequestContext(request)) def download_poster(request, poster_id): poster = get_object_or_404(Poster, id=poster_id) poster.downloads += 1 poster.save() return HttpResponseRedirect('/static/' + poster.pdf.url) 

मॉडल में मैंने youtube_url जोड़ा है, क्योंकि हर बार HTML कोड डालने के लिए बेमानी है, विशेष रूप से सभी पृष्ठों पर खिलाड़ी एक ही आकार है। मैंने इसे जोड़ा, लेकिन मैंने माइग्रेशन और टेम्प्लेट को फिर से नहीं किया, क्योंकि और इसलिए यह काम करता है। सामान्य तौर पर, अंडर-अनुकूलित।

कृपया पोस्टर दृश्य में \ _प्लेन को जोड़ा गया है ताकि बैनर पर क्लिक करने वाले किसी अन्य साइट के आगंतुक इस साइट के लिए एक संक्षिप्त विवरण देखें।

सीएसएस

क्योंकि मैं डिजाइनर नहीं हूं, मैंने सजावट के लिए सबसे सरल शैलियों का उपयोग किया है, और कम्पास ढांचे का उपयोग सीएसएस के साथ काम करने के लिए किया जाता है। यह आपको ग्रिड के आधार पर साइट लेआउट विकसित करने की अनुमति देता है, जो कि अधिक या कम क्रॉस-ब्राउज़र सामग्री जैसे कि मेरे (IE का समर्थन "बॉक्स से बाहर") के निर्माण को सरल करता है। एक समय मैं सीएसएस फ्रेमवर्क के बारे में नकारात्मक था, लेकिन कम्पास ने मेरा रवैया बदल दिया।

कम्पास दो अन्य रूपरेखाओं पर आधारित है - एसएएसएस और ब्लूप्रिंट । एसएसएस वास्तव में सीएसएस फ़ाइलों के लिए एक ऐसा प्रीप्रोसेसर है - इसमें चर, फ़ंक्शन के बराबर और बहुत कुछ है।

* .Scss फ़ाइल का स्रोत कोड संकलित करता है और आपको एक नियमित सीएसएस फ़ाइल मिलती है, लेकिन टिप्पणियों के साथ। फिर इसे किसी भी कंप्रेसर के साथ संसाधित किया जा सकता है और सब कुछ ठीक होगा।

यदि आप कंपास को उबंटू में स्थापित करने का निर्णय लेते हैं, तो अनुक्रम (10.04 में कम से कम) है:

 sudo apt-get install ruby rubygems rubygems-update cd /var/lib/gems/../gems/rubygems-update-.. sudo ruby setup.rb sudo gem install compass 

रबड़, ब्लूप्रिंट और कम्पास के लिए - किसी कारण के लिए, नवीनतम संस्करण मिश्रित तरल को बेहतर रूप से संकलित नहीं करता है। इष्टतम नहीं है - केवल फ़ाइल के अंत में इसे जोड़ने के अर्थ में, उच्च शैलियों को ओवरराइड करना, इस वजह से, सीएसएस फ़ाइल आकार में बहुत बड़ा है। इसे पराजित करने के लिए, आप अपनी मुख्य scss फ़ाइल में निम्न निर्माण का उपयोग कर सकते हैं:

 @import "blueprint/reset"; @import "blueprint/scaffolding"; @import "blueprint/liquid"; @import "blueprint/typography"; @import "blueprint/utilities"; @import "blueprint/form"; @import "blueprint/interaction"; @include blueprint-typography; @include blueprint-utilities; @include blueprint-liquid-grid; @include blueprint-interaction; @include blueprint-form; 

वादा किया हुआ चित्र

मेरे दोस्त की एक वेबसाइट है, और उसने वेबसाइट पर ध्यान आकर्षित करने के लिए इस पर बैनर लटकाने का सुझाव दिया। मैंने फैसला किया कि मुझे जानवरों के बारे में कुछ दिलचस्प छोटे ज्ञात तथ्यों को खोजने और उन्हें ग्रंथों के रूप में उपयोग करने की आवश्यकता है। यह इस तरह निकला:

आपकी राय और भागीदारी

स्वाभाविक रूप से, मुझे आपकी राय में मुख्य रूप से दिलचस्पी है - क्या सुधार किया जा सकता है? शायद कुछ विचार हैं जो आप साइट पर जोड़ सकते हैं। मैंने पोस्टरों के पन्नों पर सरल ओरिगामी जानवरों को बनाने के लिए निर्देश जोड़ने के बारे में सोचा, और मेरी बेटी ने चुटकुले जोड़ने का सुझाव दिया।

और निश्चित रूप से, इस साइट के बारे में अपने दोस्तों और परिचितों को बताने का एक बड़ा अनुरोध, विशेष रूप से आज शुक्रवार है, कल कई शायद प्रकृति पर जाएंगे। जितने उदासीन लोग होंगे, हमारा जीवन उतना ही बेहतर और स्वच्छ प्रकृति का होगा।