プロジェクト本文帆船みなもで学校や社会では教えてくれない体験で社会貢献をしたい！

自己紹介

初めまして。ＮＰＯ法人帆船みなも保存会代表の才川と申します。

2018年に保存の為に譲り受けた帆船「みなも」で今まで多くの子ども達やハンディキャップのある方、離島の子供たちに体験乗船をしてもらながら数名で維持管理をしてきました。 ですが、燃料費や維持費、修繕費に多くのお金がかかってしまい、体験乗船会時の寄付金や保存会メンバーでは賄いきれなくなってきております。

私たちは「みなも」を自分の子どものように大切にしており、「みなも」と一緒に、これまで多くの子ども達やハンディを持った方にヨットの楽しさ、海の上で見る自然の豊かさや厳しさを伝えています。 いつまでも「みんなの”みなも”」として気軽に帆船体験ができるよう運営して行きたい思いです。

リターン１ ご支援いただいた方へのお礼！

3,000円の寄付金

画像

お礼の絵葉書

tekisuto

リターン２ ご支援いただいた方へのお礼！

3,500円の寄付金

法人代表が運営している民泊宿泊権（1泊2日）

築５０年以上の昭和の古民家を手を加えず古き良き良き時代のままで利用、大きな油絵が壁に掛けてあり少し画廊の雰囲気。 保存会代表が運営する民泊「櫻」の素泊まり宿泊権です。　 令和５年１０月から運用開始！　 釣りや、観光などにお使いください。　

リターン３ ご支援いただいた方へのお礼！

4,500円の寄付金

画像

オリジナルＴシャツ

tekisuto

リターン４ ご支援いただいた方へのお礼！

5,000円の寄付金

帆船みなもショートクルージング

t唐津湾内の初心者向け体験クルージングです。
　 約1時間30分程度の近場をクルージングします。
　 最大１５名まで乗船可能なので他の方と同乗になります。
　 （小中学生は親御さんと同乗の場合は無料です。）
※小中学生の方は、単独で申込できません。乗船も不可です。
なお、天候状態が悪い場合クルージングを中止する場合があります。その際は、別の日に振り替えることができます。
12月～３月は船の整備期間及び７月～９月中旬までは熱中症予防のためクルージングはいたしません。
船酔いされそうな方は、事前に船酔い止めを服用していてください。
一応、船酔い止めバンドを用意していますので、無料でお貸しできます。
権利の有効期限は、R6年11月末日までで、権利を行使されない場合の返金はございません。　

リターン５ ご支援いただいた方へのお礼！

5,000円の寄付金

帆船みなも１泊２日船内お泊り権（１名様）

帆船みなも係留保管場所にて船内での宿泊（素泊まり）の提供です。

リターン６ ご支援いただいた方へのお礼！

20,000円の寄付金

画像

帆船みなも１泊２日船内お泊り貸し切り

帆船みなも係留保管場所にて船内での宿泊（素泊まり）の提供です。　
船内のバース（寝るところ）が船長室を含め5名まで宿泊可能です。　　
船内でパーティーＯＫ！飲食類はお持ち込みください。　　
宿泊中の時、スタッフは隣のヨットで待機しますので何かあった時は安心して宿泊できます。　
船酔いされそうな方は、事前に船酔い止めを服用していてください。　
一応、船酔い止めバンドを用意していますので、無料でお貸しできます。

リターン７ ご支援いただいた方へのお礼！

30,000円の寄付金

画像

民泊１

帆棟貸し切り（素泊まり）　
築５０年以上の昭和の古民家を手を加えず古き良き良き時代のままで利用、大きな油絵が壁に掛けてあり少し画廊の雰囲気。　
保存会代表が運営する民泊「櫻」の一棟利用権！　（一泊２日）　
家族連れや、合宿、スポーツ競技の宿泊場所にご利用ください。　
１０名までの寝具は用意しています。　　
部屋数は、2階は6畳二間、1階は6畳二間、座敷8畳一間ありますので、10名以上宿泊可能です。（その際は寝袋等ご持参ください。寝具のレンタルも可能です。）　
キッチンの食器、調理道具は自由にお使いできます。　　
お風呂場は、シャワーのみ利用可能です。　　

リターン７ ご支援いただいた方へのお礼！

35,000円の寄付金

画像

帆船みなも１日チャーター

約２時間程度の近場を体験クルージングします。　(12名様まで乗船可能です。） 海の状態が良い場合は、唐津でも有名な七ツ釜を遊覧いたします。 団体旅行や家族旅行、仲間同士の旅行などにいかがですか？ なお、天候状態が悪い場合クルージングを中止する場合があります。その際は、別の日に振り替えることができます。 12月～３月は船の整備期間及び７月～９月中旬までは熱中症予防のためクルージングはいたしません。 チャーター予約期間は、R6年4月１日から７月中旬、９月中旬から１１月中旬まで期間でチャーター予約してください。　 船酔いされそうな方は、事前に船酔い止めを服用していてください。 一応、船酔い止めバンドを用意していますので、無料でお貸しできます。 権利の有効期限は、R6年11月末日までで、権利を行使されない場合の返金はございません。　

リターン８ ご支援いただいた方へのお礼！

100,000円の寄付金

画像

1泊2日小川島キャンピングクルーズ１組（１０名様以内））

唐津湾に浮かぶ小さな島、停泊場所の近くにキャンプ場があり、釣りやグランピングが可能！
　 夕食は魚介類のBBQを用意します。（サザエ、魚、肉）
なお、天候状態が悪い場合クルージングキャンプを中止する場合があります。その際は、別の日に振り替えることができます。
12月～３月は船の整備期間及び７月～９月中旬までは熱中症予防のためキャンピングクルージングはいたしません。
船酔いされそうな方は、事前に船酔い止めを服用していてください。
一応、船酔い止めバンドを用意していますので、無料でお貸しできます。
権利の有効期限は、R6年11月末日までで、権利を行使されない場合の返金はございません。　

リターン９ ご支援いただいた方へのお礼！

150,000円の寄付金

２泊３日玄界灘に浮かぶ壱岐島一周チャータークルージング

玄界灘に浮かぶ壱岐島 この島を２泊３日で一周するクルージングです。　
福岡からのフェリーで芦辺港に集合していただき乗船、１日目はシークレットビーチにて砂浜に渡り船でしか行けないビーチを楽しみその後、郷ノ浦湊に停泊し、船内にて宿泊。２日目は、壱岐で一番きれいなビーチに寄ります。その後、湯之元港に移動、近くの温泉に入ります。　３日目は、壱岐の最北端を回って芦辺港に戻り解散です。　
最大15名様まで乗船ＯＫ！宿泊場所はチャーター利用者様で予約いただくか、当団体へご相談ください。　　
お食事等は、お持ち込みかお近くの飲食店をご利用ください。　
なお、天候予報状態が事前に悪い場合クルージングを中止する場合があります。その際は、別の日に振り替えることができます。　
12月～３月は船の整備期間及び７月～９月中旬までは熱中症予防のため運航いたしません。　
船酔いされそうな方は、事前に船酔い止めを服用していてください。　
一応、船酔い止めバンドを用意していますので、無料でお貸しできます。　
権利の有効期限は、R6年11月末日までで、権利を行使されない場合の返金はございません。　

NEWS 最新ニュース

2023/05/15その他

tp_gallery1配布開始。

20XX/00/00作品

サンプルテキスト。サンプルテキスト。サンプルテキスト。

20XX/00/00作品

サンプルテキスト。サンプルテキスト。サンプルテキスト。

20XX/00/00

サンプルテキスト。サンプルテキスト。サンプルテキスト。

20XX/00/00その他

サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。

PLEASE READテンプレートのご利用前に必ずお読み下さい

利用規約のご案内

このテンプレートは、Template Partyにて無料配布している『ギャラリーサイト向け 無料ホームページテンプレート tp_gallery1』です。必ずダウンロード先のサイトの利用規約をご一読の上でご利用下さい。

HP最下部の著作表示『Web Design:Template-Party』は無断で削除しないで下さい。
わざと見えなく加工する事も禁止です。

下部の著作を外したい場合は
Template-Partyのライセンス契約を行う事でHP下部の著作を外す事ができます。

当テンプレートの使い方

初心者向けマニュアル公開中

画像加工やテンプレートの編集方法、無料サーバーを使ってサイトを公開するなど動画をまじえてわかりやすく解説しています。
初心者向けマニュアルはこちら。

titleタグ、copyright、metaタグ、他の設定

titleタグの設定はとても重要です。念入りにワードを選んで適切に入力しましょう。
まず、htmlソースが見れる状態にして、
<title>ギャラリーサイト向け 無料ホームページテンプレート tp_gallery1</title>
を編集しましょう。
あなたのホームページ名が「SAMPLE GALLERY」だとすれば、
<title>SAMPLE GALLERY</title>
とすればＯＫです。SEO対策もするなら冒頭に重要なワードを入れておきましょう。

copyrightを変更しましょう。
続いてhtmlの下の方にある、
Copyright© SAMPLE GALLERY All Rights Reserved.
の部分もあなたのサイト名に変更します。

metaタグを変更しましょう。
htmlソースが見える状態にしてmetaタグを変更しましょう。

ソースの上の方に、
content="ここにサイト説明を入れます"
という部分がありますので、テキストをサイトの説明文に入れ替えます。検索結果の文面に使われる場合もありますので、見た人が来訪したくなるような説明文を簡潔に書きましょう。

h1ロゴのaltタグも変更しましょう。
html側に、
alt="SAMPLE GALLERY"
となっている箇所があるので、この部分もあなたのサイト名に変更しましょう。

スライドショーについて

スライドショーには、vegasを使用しています。
テンプレート内の解説及び、当サイト上でのマニュアル以外のサポートは基本的には行なっておりませんので、使いこなしたい方はGoogle検索などかけてみて下さい。

vegas 公式サイト：https://vegas.jaysalvat.com/
オプション一覧：https://vegas.jaysalvat.com/documentation/settings/
トランジション一覧：https://vegas.jaysalvat.com/documentation/transitions/

上記の「トランジション一覧」で、色々なスライドショーのパターンを見る事ができます。お好みで設定を変更してみて下さい。jsフォルダのvegas.jsの値を変更するだけです。

画像を入れ替える場合
imagesフォルダに「縦長画像」と「横長画像」がそれぞれ３枚ずつ入っています。
基本的には、縦長の画像が反映されますが、端末を横向きにした場合の画面幅が999px以下の場合にのみ、横長画像が反映されるようcssで指定しています。
設定内容を変更したい場合は、style.css内で設定している
.mainimg-yoko
や、
.mainimg-tate
をチェックして下さい。
画像サイズは自由で構いませんが、閲覧しているウィンドウサイズによりトリミングされますので、切り抜かれてもおかしくない画像をご用意下さい。

枚数を変更したい場合
枚数を変更する場合やファイル名を変更する場合は、jsフォルダのvegas.jsを開いて編集して下さい。枚数追加は、既存の画像読み込み行をコピペして画像ファイル名を入れ替えるだけでOKです。

vegasを使う為に必要なタグ、ファイル類。
1. html冒頭のhead内にある「vegas.min.css」の読み込みの１行。
2. htmlにある「スライドショー」のブロック。
3. html下部にある「jQueryの読み込み」のブロック。※vegas.jsファイルより先に読み込んで下さい。
4. その下の「スライドショー（vegas）」のブロック。
5. jsフォルダ内の「vegas.js」。

何年も経過した場合、動作に問題が出てくる可能性があります。
テンプレートを編集していないのに突然動きがおかしくなった場合は、CDNから読み込んでいるjQueryのバージョン及びvegas関連のファイルのバージョンを変更して動作するか確認してみて下さい。

背景グラデーションについて（※単色タイプもあります）

gallery1テンプレートの中には、ブロックの背景がグラデーションタイプになっているタイプがあります。

cssフォルダのstyle.cssの上の方にある、
背景グラデーション設定
とコメントがある部分が設定箇所です。
bg1?bg3まで３タイプ作っていますので、お好きなブロックにclassで指定して下さい。

このグラデーションは、海外のグラデーションの生成サイトで作ったものです。
https://csshero.org/mesher/（MESHER）
このテンプレートを制作している時点では、ページの右側に色の選択肢ボックスがあり、削除したり変更、追加したりすることができます。
画面左側に出力されるグラデーションが表示されており、カーソルを上にもってくると、小さな丸い円が出て、グラデーションの場所をドラッグで移動することができます。
全てのグラデーションの基準となる背景色は、画面の右上の「Bg Color」という所です。デフォルトでは赤色になっているようです。

グラデーションが決まったら、画面右下にある「Export」ボタンを押し、別途出てきたページの右下にある「Copy to Clipboard」を押せばコピーできます。

画面の「高さ」が600px以下になった場合のみ開閉メニューになります

基本的にはメニューを表示するデザインになっていますが、小さな端末から横向きで見た場合などにメニューブロックが切れたり飛び出たりするので、そうならない為に画面の「高さ」が600px以下になった場合のみ、開閉メニューにしました。

メニューの数を増やすなどでここの数値の設定を変更したい場合は、cssフォルダのstyle.cssの、
@media screen and (max-height: 600px) {
と、jsフォルダのmain.jsの
var winBP = 600;
の600の数字を変更して下さい。

フォントについて（Google Fonts）

当テンプレート内で使っているフォントは、cssフォルダのstyle.cssの冒頭でGoogle Fontsを読み込んでそれを使っています。
メニューやh2見出しには「Cinzel」を、それ以外の日本語フォントは「Noto Serif JP」です。
フォントを変更したい場合はGoogle Fontsマニュアルをご覧下さい。

アイコン画像について（Font Awesomeの解説）

imagesフォルダに入っていない画像（アイコン）は全てFont Awesomeの素材です。
Font Awesome 公式サイト
Font Awesome アイコン一覧

iタグを使ってhtmlに直接アイコンを読み込む場合と、cssの擬似要素を使って読み込む場合があります。
それぞれ他のアイコンに置き換えたい場合は、当サイトのマニュアルをお読み下さい。

Font Awesomeを使う為に必要なタグ、ファイル類。
cssフォルダのstyle.css冒頭で読み込んでいる「Font Awesomeの読み込み」のブロック。

何年も経過した場合、動作に問題が出てくる可能性があります。
テンプレートを編集していないのに突然動きがおかしくなった場合は、style.cssの冒頭でCDNから読み込んでいるFont Awesome関連のファイルのバージョンを変更して動作するか確認してみて下さい。

「NEWS（お知らせ）」ブロックのアイコンについて

「その他」「作品」など、テキスト部分はhtml側で直接入力されていますので必要に応じて編集して下さい。
アイコン用の文字数が増えすぎるとレイアウトが崩れます。ご注意下さい。

背景色は、cssフォルダのstyle.cssの、
#new dt span
や、
#new dt span.icon-bg1
のbackgroundでそれぞれ変更できます。

新しいアイコンを追加したい場合、上記の「#new dt span.icon-bg1」ブロックをコピペし、.icon-bg1部分を.icon-bg2などに変更し、backgroundに好きな色を設定します。
後はhtml側で、
<span class="icon-bg2">???</span>
などとすればOKです。